cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
returntrust
Nintex Newbie

Css on "render as button" not working?

Jump to solution

Howdy everyone!

Working on a nintex form on a sharepoint site and came across an issue I can't find an answer to. I have a choice field with two options I've chose to "render as button". The buttons are too small for the application I need it for (touch screen form). I've tried assigning it a custom css class and it links to it, as it changes properties, but not correctly.

I started with changing the background color, but it changes the background color behind the buttons, not the buttons themselves. Same with border properties, and size properties.

Any idea how I can set the attributes to the choice buttons vs the space (container) around them?!

Thanks! 

Labels: (2)
0 Kudos
Reply
6 Replies
Automation Master
Automation Master

Re: Css on "render as button" not working?

Jump to solution

try something like this

(btnCSS is custom CSS class configured for choice control)

.btnCSS label{
     width:  150px;
     height: 50px;
     border-width: 20px;
}

.btnCSS label:not(.ui-state-active) .ui-button-text{
     background-color: red !important;
     height: 100% !important;
}
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

‌ render as button‌ ‌ css class‌ ‌ sept2017mh‌

0 Kudos
Reply
returntrust
Nintex Newbie

Re: Css on "render as button" not working?

Jump to solution

Works fantastic, thank you very much! 

Reply
Automation Master
Automation Master

Re: Css on "render as button" not working?

Jump to solution

great!

please mark correct answer.

0 Kudos
Reply
cmikhaiel
Nintex Newbie

Re: Css on "render as button" not working?

Jump to solution

Hi Marian Hatala‌, is it possible to make each button with a specific value in a different color?!

0 Kudos
Reply
Automation Master
Automation Master

Re: Css on "render as button" not working?

Jump to solution

I think so, you just need to write a selector(s) that address(es) each button separately.

0 Kudos
Reply
Nintex Employee
Nintex Employee

Re: Css on "render as button" not working?

Jump to solution

Hi all,

Our UX team are doing some research into our style builder for Universal Forms. We would appreciate your feedback on your current experience in styling your forms in any platform.

If you would like to provide feedback, please fill out the survey at Applying styles in Nintex Forms.

Thanks,

Euan

0 Kudos
Reply