Adding Theme Section

You can add custom theme to the UI pages. To add custom theme, follow these steps:

Procedure

  1. Create your own css theme or create one from jQuery theme roller. To access the jQuery theme roller, refer to http://jqueryui.com/themeroller/.
  2. From the jQuery theme roller, download the theme as is or modify the theme for their fonts, colors, and texture and so on and then download it. Save the theme to your local folder. For example, a folder named lightness.
  3. Open the folder and rename the jquery-ui.css name. Ensure that the css name and the folder name does not contain white spaces. For example, the jquery-ui.css is renamed to lightness.css.
  4. From Theme Section, click . The Add Theme page is displayed.
  5. Click Browse and navigate to the Resource Base Folder. and select the .css file. For example, lightness.css.
  6. Select the Set as Selected check box to set the theme directly on the UI page from Add theme page.
  7. The theme is added to the Select Theme drop-down list.
  8. Select the newly added theme to add it the UI page.