Skip to main content
Nintex Community Menu Bar
Question

CSS: Field Editor: Check Box Style

  • Jul 9, 2024 3:02 PM UTC
  • 7 replies
  • 80 views
  • Translate All

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

Translate

Forum|alt.badge.img+20

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

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

}

Translate

Forum|alt.badge.img+17
  • Nintex Employee
  • Jul 9, 2024 4:13 PM UTC

Very cool Pat.  Thanks for passing along. 

Translate

Forum|alt.badge.img+8
  • Author
  • Jul 9, 2024 4:13 PM UTC

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?

Translate

Forum|alt.badge.img+20

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

Translate

Forum|alt.badge.img+8
  • Author
  • Jul 9, 2024 4:13 PM UTC

sorry:

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

also:

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

Translate

Forum|alt.badge.img+8
  • Author
  • Jul 9, 2024 4:13 PM UTC

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

Translate