How to Change Button position & Color & Table lines to Options labels- in Portal

[chanikya]

Hi 

Widget  :   Approval Info

Can i able to change "Earlier Items" button position  and Color to Yellow.....???

and add Table lines to Options  labels

[Ujjawal Vishnoi]

also add css as below

table, th, td {
border: 1px solid black;
padding-top: 5px;
padding-left: 5px;
}

[chanikya]

It is working fine..

Added piece of CSS code:  

table, th, td {
border: 1px solid black;
padding-top: 5px;
padding-left: 5px;
}

HTML code: 

Replaced below piece of code of the widget

<div ng-repeat="variable in data.variables" ng-if="variable_toggle">
<label>{{::variable.label}}</label>
<div>{{::variable.display_value}}</div>
</div>

with this code.

<table >
<tr ng-repeat="variable in data.variables" ng-if="variable_toggle">
<td>{{::variable.label}}
<br>
{{::variable.display_value}}</td>

</tr>
</table>

[chanikya]

Like this Option values should be display like this Box level

[Ujjawal Vishnoi]

I think you should open a separate thread for this. Because if a new person comes with same requirement and search for adding the table structure in options  (for approval record widget) then this post will not be coming in search results. So request you to please open threads accordingly. So that community becomes helpful for all of us.

Hope you understand how should we use of community.