Skip to main content
Nintex Community Menu Bar
Question

CSS: Field Editor: Check Box Style

  • July 9, 2024
  • 7 replies
  • 48 views

Forum|alt.badge.img+8

Is there a way to identify all checkboxes for field editors in CSS?  Basically, I want to be able to lock the checkboxes to always display the box beside the label (display: -webkit-inline-box;) regardless of the style of other items in the field editor.  It appears that I need to edit the .nx-basicfieldeditor-item element, but I’m not certain of the syntax for only adjusting checkboxes.  Can this be done?

7 replies

Forum|alt.badge.img+20

just learned it. Slick little thing to do.

input[type=‘checkbox’]{  

}

Check this post out as well.

http://cssdeck.com/labs/css-checkbox-styles


Forum|alt.badge.img+20

Cascading first by field editor. .nx-editor-contents 

.nx-editor-contents input[type=‘checkbox’] {

}


Forum|alt.badge.img+17
  • Nintex Employee
  • July 9, 2024

Very cool Pat.  Thanks for passing along. 


Forum|alt.badge.img+8
  • Author
  • July 9, 2024

For some reason I can’t get this to work.  I’ve tried multiple variations, but the checkboxes are not aligned properly.

.nx-editor-contents input[type=‘checkbox’] {
     -webkit-inline-box;}

Anything else I’m missing?


Forum|alt.badge.img+20

.nx-editor-contents input[type=‘checkbox’] {
display: -webkit-inline-box;
}


Forum|alt.badge.img+8
  • Author
  • July 9, 2024

sorry:

.nx-editor-contents input[type=‘checkbox’] {
     display:-webkit-inline-box;}

also:

.nx-basicfieldeditor-item input[type=‘checkbox’] {
     display:-webkit-inline-box;}


Forum|alt.badge.img+8
  • Author
  • July 9, 2024

Sorry Pat - I had the “display:” as well…