The way that jQueryUI controls the way the elements look is through effective use of CSS. Choosing and using a theme is an important part of working and installing jQueryUI into your website.
If you inspect the controls that jQuery creates it actually creates several HTML tags with classes. These classes will control the styles applied to them. However, you can control how the styles look by choosing different themes and even creating your own.
You will want to go to: http://jqueryui.com/themeroller/. You can use the direct link, or you can click on the “Themes” button from the menu on the jQueryUI website.
ThemeRoller
ThemeRoller allows you to either pick from an existing theme in the gallery, or you can “Roll Your Own.” Rolling your own means that you can build your own theme, taking an existing theme.
Simply click on a tab (Roll Your Own or Gallery). Then start to choose the settings you want to change if you are customizing.
For example, Click on Header/Toolbar. The change a setting, like the texture, percentage, or color.
Different areas will have different settings. For example, Font Settings doesn’t deal with color, but it does have settings for choosing the font family, weight, etc.
You can test to see how the changes will look by looking at the preview in the right hand side of the page. That section will have every possible setting that you can use, so you can see what affect your changes will have.
When you are done with the settings, you can download them by clicking on the download button. There you can find information on incorporating the custom theme into your website.
Once again, you will need to use the custom CSS page and the jQuery and jQueryUI JavaScript files in your page.
jQuery UI – Creating and Apllying a Theme to Your Page was originally found on Access 2 Learn
One Comment
Comments are closed.