Setting CSS style to widgets

Procedure

You can set CSS style to the widgets. Firstly, import the CSS files to the XUI file, 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:

  1. In the XUI editor area, click outside the root container.
  2. In the Properties view for the XUI editor, click the Add icon The Add icon that is in the CSS Files panel. The Please select a CSS file from your workspace window is opened.
    The Please select a css file from your workspace window.
  3. In the Please select a CSS file from you workspace window, select a CSS file. Click OK.

Results

After you import a CSS file into the XUI editor, you can select the styles that are defined in the CSS files in the Appearance tab of the Properties view to edit the appearance of the widgets.