XUI editor CSS format (Option 1) is applying CSS standard, plus naming rules to match them with widgets, here is an example of the naming rule:
button { width: 150px; height: 29px; }
In this example, "button" is the name of the widget, and this style will be applied to all the Button widgets. Technical developers can know the name of widget from the widget extension point. Functional developers can know the name by following way:
1 Open the xui file that contains the widget using text editor.
2 Check the attribute of the widget name like following code:
<widget name="Button" id="submit" text="Submit">
Note The name of the widget used in CSS file is case insensitive.
Pre-defined styles
UDTT provides one pre-defined style; it is called “claro”. The CSS style is defined as follows: