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

[Ashutosh Munot1]

Hi,

Yes for Earlier info you can change the Color by manipulating CSS of this Button.

Thanks,
Ashutosh Munot

[Ujjawal Vishnoi]

Hi Chanikya,

Put code in hour HTML section as mentioned below manner

<div ng-if="c.data.state == 'requested'" class="question">
<button type="button" name="approve" class="btn btn-success btn-question" ng-click="c.action('approved')">${Approve}</button>
<div class="spacer"></div>
<button type="button" name="reject" class="btn btn-default btn-question" ng-click="c.action('rejected')">${Reject}</button>
<div class="spacer"></div>
<br>
<button type="button" name="earlier_item" class="btn btn-warning btn-question" ng-click="c.earlier_item()">${Earlier Items}</button>
</div>

and you will see the approval widget as given below

For Putting table structure for options you will have to create table like structure. Help me with the screenshot how you want.

Hope this helps.

Regards

Ujjawal

[chanikya]

Hi Ujjwal ,

Thanks for your replay,

Can we able to change Button position  exact below of Approve button??

[Ashutosh Munot1]

Yes You can, Use align element in CSS and margin it to left of that div.

USe CSS as below:

.btn btn-warning btn-question{

margin-left: auto;

}

Thanks,
Ashutosh