Skip to main content
Nintex Community Menu Bar

Formating the look of Choice checkboxes

  • April 26, 2018
  • 6 replies
  • 77 views

Forum|alt.badge.img+11

Hello,

Does anybody know how to change the formatting of the Choice checkboxes?

At the moment the boxes are too close to each other and like to add padding-right:25px; so they are further apart which also makes it look much neater.

6 replies

Forum|alt.badge.img+11
  • Nintex Partner
  • April 26, 2018

Forum|alt.badge.img+11
  • Author
  • April 26, 2018

Unfortunately, could not find anything to format the choice boxes.


Forum|alt.badge.img+11
  • Nintex Partner
  • April 26, 2018

How are they organized (Arrange choices setting)? "Down then across" (default) or "Across then down"? With the latter the checkboxes on my Live Form are distributed further apart.


Forum|alt.badge.img+11
  • Author
  • April 26, 2018

Hi

The choice is checkbox (multiple selection) set to Across then down split into 5 columns, 2 entries in each column.

Maybe because you are on Office365 and I am on premise sharepoint/Nintex. 


Forum|alt.badge.img+11
  • Nintex Partner
  • April 26, 2018

Actually this was in a Nintex Live Form. To accomplish this you need to add the following Custom CSS (at the top):

.nf-filler-control-inner label {
padding-right: 25px;
}

If you want to restrict this to one multiple choice checkboxes control, you can give the control your own class (e.g. bim_checkboxes) and include this in front of the snippet:

.bim_checkboxes .nf-filler-control-inner label {
padding-right: 25px;
}

This should now work (tested it myself wink.png)


EuanGamble
Nintex Employee
Forum|alt.badge.img+13
  • Nintex Employee
  • October 29, 2018

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