UI Attributes

Styling

The "Styling" UI Attribute is used to add Css classes on variables for styling (or javascript) purposes.

Used on Table
Variable
Variable alternative
Possible values Lowercase characters
Numbers
Space
Underscore ( _ )
Hyphen ( - )
Possible domains n/a
Allow html No

How to use

  1. Open the Properties of the variable and click the tab "UI Attributes.
  2. Click on "Add".
  3. Select the option "Styling" from the dropdown menu.
  4. Type the desired value. You can type multiple classes
  5. Press the "Add" button to add the Label Left to the UI Attributes list.
  6. Click on "Save Changes".

When you run the consultation in the Match Web Player you will see in the DOM that the class(es) is/are there. You can now use CSS or Javascript to customize the element(s).