272 Chapter 12 Client-Side Programming with the Dojo Toolkit Take a look at the newly created page (see Listing ). Open this page and select the Source tab. There are several things that WebSphere sMash has provided that are needed to properly use Dojo on the page. The first thing of interest is on lines 7 and 8. In these lines, we are importing two style sheets. The CSS on line 8 provides a clean visual environment, with small fonts and normalized default page settings. The CSS on line 7 holds massive power. Dojo comes with several themes that provide a unified. | 272 Chapter 12 Client-Side Programming with the Dojo Toolkit Take a look at the newly created page see Listing . Open this page and select the Source tab. There are several things that WebSphere sMash has provided that are needed to properly use Dojo on the page. The first thing of interest is on lines 7 and 8. In these lines we are importing two style sheets. The CSS on line 8 provides a clean visual environment with small fonts and normalized default page settings. The CSS on line 7 holds massive power. Dojo comes with several themes that provide a unified look to all of your Dojo application. By default WebSphere sMash enables the light blue-hued soria theme as shown in Listing . Dojo also provides gray-hued tundra and nihilo themes as well as a darker noir and a high visibility a11y theme. To change themes simply change the CSS import statement and the main class name defined with the body tag as shown on line 16. Changing the theme is applied automatically to all the dijits in the application as well. It is also possible to import multiple theme style sheets and enable your user to select and change themes on-the-fly without ever reloading the page. Eventually you will want to create your own theme that matches your company s web color scheme. Just pick a base theme tree and alter the CSS files for the dijits you use and you are all set. Changing the color scheme of a website can have a dramatic effect on the user experience. Listing Dojo-Enabled Page DOCTYPE html PUBLIC - W3C DTD XHTML Transitional EN http TR xhtml1 DTD html xmlns http 1999 xhtml head title New page title style type text css import dijit themes soria Line 7 import dojo resources style script type text javascript src dojo Line 10 djConfig parseOnLoad true script script type text javascript Line 13 script head body class soria Line 16 body html Let s continue
