/
Use Custom Classes as CSS Selectors

Use Custom Classes as CSS Selectors

Owned by Darcy Curtin
May 17, 2018

Use the Write ADC Data Action to assign one or more custom classes to a field. To later remove a class (e.g., after passing a validation), set the ADC Attribute ADC::Class to [NULL].

Examples

NCM

If you want to assign a custom class to a button, you must also explicitly include "nlink_button round button" as well as your custom class(es):

CSS

Depending on the control type, you may need additional CSS.

Text Box, Number, Etc.
.NLINKControl.show_a_border {
    border: 3px outset;
}
.NLINKControl.attention_field ,.NLINKControl.attention_field:focus {
    background-color: yellow;
}
Button
.button.special_button{
    background-color:lightslategray;
    border-color:slategray;
}
.button.special_button:hover, .button.special_button:focus{
    background-color:dimgray;
    border-color:gray;
}
.button.special_button[disabled], .button.special_button[disabled]:hover, .button.special_button[disabled]:focus{
    background-color:silver;
    border-color:lightslategray;
}

Result



Related content