itsm-pc-handle/assets/views/customform/indextab.html

<style>
    /* .tree-control .tree-input {
        min-height: 34px!important;
        padding-top: 5px;
    } */
    /* .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    } */
    
    .tree-control .tree-view .item-container:hover,
    .tree-control .tree-view .selected,
    .tree-control .tree-view .active {
        background-color: #428bca;
        background-image: linear-gradient(#428bca, #428bca)!important;
        background: #428bca;
        color: #fff;
    }
    
    .tree-control .tree-view .item-container:hover .expand,
    .tree-control .tree-view .selected .expand,
    .tree-control .tree-view .active .expand {
        border-left: 10px solid #fff;
    }
    
    .tree-control .tree-view .item-container:hover .expand-opened,
    .tree-control .tree-view .selected .expand-opened,
    .tree-control .tree-view .active .expand-opened {
        border-bottom: 0px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 10px solid #fff;
    }
</style>
<div ng-controller="CustomformCtrl">
    <form ng-submit="vm.submit(vm.model,'expand-right')" class="fontcolor-two">
        <div class=" panel ">
            <formly-form model="vm.model " fields="vm.fields[0].fields " form="vm.form " options="vm.options ">
                <div></div>
            </formly-form>
        </div>
        <div class="panel col-xs-3 col-left-0 ">
            <div class="row ">
                <formly-form model="vm.model " fields="vm.fields[1].fields " form="vm.form " options="vm.options ">
                </formly-form>
            </div>
            <div class="margin-top-10">
                <div class="row ">
                    <formly-form model="vm.model " fields="vm.fields[2].fields " form="vm.form " options="vm.options ">
                    </formly-form>
                </div>
            </div>
        </div>
        <div class="col-xs-9 col-0 ">
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 ">
                <formly-form model="vm.model " fields="vm.fields[3].fields " form="vm.form " options="vm.options ">
                </formly-form>
            </div>
            <div class="panel col-xs-12 col-0 bg-lightgrey margin-top-10 " style="border-bottom:0px !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important ">
                <formly-form model="vm.model " fields="vm.fields[4].fields " form="vm.form " options="vm.options ">
                </formly-form>
            </div>
            <div class="panel col-xs-12 col-0 bg-shallowgrey padding-top-15 padding-bottom-15 " ng-if="vm.fields[5] ">
                <formly-form model="vm.model " fields="vm.fields[5].fields " form="vm.form " options="vm.options ">
                </formly-form>
            </div>
            <div class="col-xs-12 margin-top-50 margin-bottom-120 text-center ">
                <button type="submit " ladda="ldloading.expand_right " data-style="expand-right " class="btn btn-addbutton addbutton " ng-disabled="ldloading.expand_right ">{{vm.model.submit}}</button>
                <button type="close " class="btn btn-default default " ng-click="closeModel() ">{{vm.model.close}}</button>
                <button type="button " class="btn btn-exportbutton exportbutton " ng-click="save(vm.model) " ng-if="close ">{{vm.model.save}}</button>
            </div>
        </div>
    </form>
</div>