How to create Border lines around fields

[chanikya]

Hi,

How to create Box lines around STATE , CREATED IN Approval  fields in Widget Approval Info

[tomashrobarik · Accepted solution]

You could try to put something like this in your page CSS attribute if you want to avoid modifying the widget itself. However, this can easily break with any future upgrades, since nobody can guarantee the DOM structure. Another option might be to modify the widget itself and put the border around it.

.panel-body form.form-horizontal > div:first-child {
    border: 1px solid;
    padding: 5px;
}

[chanikya]

Hi,

Thanks for your reply, it is very helpful for me, i have one more similar question here   

in Widget Approval Record  shall i ahve to use above code for that too?? to create a box 

[chanikya]

can i expect any updates please

[tomashrobarik]

This one seems to require cloning the approval record widget itself.

E.g. simple usage of panel

<div ng-if="data.variables.length > 0" ng-init="variable_toggle=true">
                <h4 ng-click="variable_toggle = !variable_toggle" style="cursor: pointer;">
                    <span class="glyphicon" ng-class="{'glyphicon-chevron-down': !variable_toggle, 'glyphicon-chevron-up': variable_toggle}"></span> ${Options}
                </h4>                
                <div class="panel panel-default" ng-if="variable_toggle">
                    <div class="panel-body">
                        <div ng-repeat="variable in data.variables | filter:{visible_summary:true}" ng-if="variable_toggle">
                            <label>{{::variable.label}}</label>
                            <div>{{::variable.display_value}}</div>
                        </div>
                    </div>
                </div>
            </div>

can produce something like this.