Skip to main content
Nintex Community Menu Bar
Solved

NAC Custom CSS

  • December 12, 2023
  • 5 replies
  • 227 views
harfmt1
Forum|alt.badge.img+4

There seems to be all control types except Labels represented below. Or am I missing it?

Following is a list of all control types/element names:

  1. ntx-address

  2. ntx-barcode

  3. ntx-multichoice

  4. ntx-choice

  5. ntx-currency

  6. ntx-data-lookup

  7. ntx-datetime

  8. ntx-email

  9. ntx-file-upload

  10. ntx-geolocation

  11. ntx-group

  12. ntx-image

  13. ntx-richtext-label - this is the field label, not the label control

  14. ntx-number

  15. ntx-people-picker

  16. ntx-repeating-section

  17. ntx-signature

  18. ntx-space

  19. ntx-multilinetext (Text – Long)

  20. ntx-textbox (Text – Short)

  21. ntx-boolean (Yes/no control)

Best answer by SimonMuntz

Hi @harfmt1,

Try:
 

[dir] .mylabel {

background-color: yellow;

}

Then, just type mylabel in for the CSS class on the control, and it should only affect that control.

View original
Translate
Did this topic help you find an answer to your question?

SimonMuntz
Nintex Employee
Forum|alt.badge.img+22
  • SimonMuntzNintex Employee
  • Nintex Employee
  • December 13, 2023

Hi @harfmt1,

I am no expert either, but I looked at the styles in a browser's dev tools.
It looks like you need to add .nx-theme-richtext to target the label.

The below worked for me.

[dir] .nx-theme-styles .nx-theme-form .nx-theme-richtext {

background-color: yellow;

}

 

Translate
Get a flying start and additional functionality at: https://gallery.nintex.com/
harfmt1
Forum|alt.badge.img+4
  • harfmt1
  • Scholar
  • December 13, 2023

oh yes! that works. I’ll need to work out how to restrict it to specific labels though. It’s also colouring group headers as well. 

 

Thanks!

Translate
harfmt1
Forum|alt.badge.img+4
  • harfmt1
  • Scholar
  • December 13, 2023

Any idea how to apply to an individual control? It supposed to be possible:

Add a custom CSS to a specific control

You can target a specific control and apply a style only to the control you want using the CSS field in the configuration panel of the form control. This enables you to apply unique styles to a control or a group of controls easily. The style is applied only to the controls you apply that style to using the CSS field, rather than applying it to all controls in the form.

I’ve tried the following in the label control with no luck. I’m guessing the syntax should be different for an individual control.

[dir] .nx-theme-styles .nx-theme-form .nx-theme-richtext {background-color: yellow;}

Translate
SimonMuntz
Nintex Employee
Forum|alt.badge.img+22
  • SimonMuntzNintex Employee
  • Nintex Employee
  • December 20, 2023

Hi @harfmt1,

Try:
 

[dir] .mylabel {

background-color: yellow;

}

Then, just type mylabel in for the CSS class on the control, and it should only affect that control.

Translate
Get a flying start and additional functionality at: https://gallery.nintex.com/
harfmt1
Forum|alt.badge.img+4
  • harfmt1
  • Scholar
  • December 20, 2023

Thanks Simon! That’s the one. Much appreciated. 

Translate

Reply


Sidebar Buttons
Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
Terms & ConditionsCookie Settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings