Procedure
Firstly, import the CSS files to the first XUI file index.xui,
then set the css style to the specific widgets. To import CSS files
to edit the appearance of the widgets on a user interface, do the
following steps:
- Open index.xui file. Click the blanket
area in the XUI editor area.
- In the Properties view, click the Add icon
that is in the CSS Files panel.
The Please select a CSS file from your workspace window
is opened.
- In the Please select a CSS file from you workspace window,
select a CSS file. Click OK. One
XUI page can link to more then one CSS files.
After importing CSS files into index.xui,
set styles to specific widgets.
- Open an XUI file and select a widget.
- Assign CSS styles to it from the Style tab.
The styles are defined in the CSS files.
Results
Finally, the CSS styles would be displayed on the XUI editor.
And the CSS file imported will be generated into runtime JSP page.