Skip to main content
Solved

How do you change css on warning confirmation buttons?


MathFour
AIMMS Partner
Forum|alt.badge.img
Over here y'all explained how to change the css on dialog page buttons. But that doesn't trickle down to my confirmation/warning buttons.

How can I change those?

Thanks!

Best answer by Pratap Kumble

Hi @MathFour, If your taking about the buttons for RequestPerformWebUIDialog just follow the steps.

eg: Lets say I call the webui::RequestPerformWebUIDialog("Transport Calculated", "Total cost saved is 432,340",MyActions,''); where MyActions is the set that has the labels for the buttons.

The set MyActions is defined as follows:

Set MyActions {
Definition: data {'ok','cancel','disregard'};
}

When you call the message dialog each button in the will have a class "action-[button label]". So in my example action-ok, action-cancel and action-disregard.


In your css file just add styles for these classes.



You will see the following result.



Hope this is what you were looking for. Do let me know if you have any questions.

Thanks.

Regards,
Pratap
View original

2 replies

gabiservidone
Administrator
Forum|alt.badge.img+6
I changed the background-color for the css class:

.theme-aimms .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset > .ui-button

Maybe there is an easier way, however it worked for me.

Forum|alt.badge.img+2
  • Former AIMMSian
  • 63 replies
  • Answer
  • June 18, 2019
Hi @MathFour, If your taking about the buttons for RequestPerformWebUIDialog just follow the steps.

eg: Lets say I call the webui::RequestPerformWebUIDialog("Transport Calculated", "Total cost saved is 432,340",MyActions,''); where MyActions is the set that has the labels for the buttons.

The set MyActions is defined as follows:

Set MyActions {
Definition: data {'ok','cancel','disregard'};
}

When you call the message dialog each button in the will have a class "action-[button label]". So in my example action-ok, action-cancel and action-disregard.


In your css file just add styles for these classes.



You will see the following result.



Hope this is what you were looking for. Do let me know if you have any questions.

Thanks.

Regards,
Pratap

Reply