Description Sheldon Lee-Loy 2007-10-11 13:50:19 EDT

It would be nice to use CSS style syntax to specify styles in the widgetstyles.xml file.

Dojo has a nice CSS selector utility that lets one select a style based on css syntax: http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/selecting-dom-nodes-dojo-query

Therefore, we can define styles in the wigetStyle.xml file as follows:

<styles>
	<style name="properties navigator">
		<properties>
			<property name="handler"
				value="&quot;nav.json&quot;" />
			<property name="publish"
				value="[&quot;properties&quot;,&quot;detail&quot;]" />
			<property name="type" value="&quot;cosmos.widget.Navigator&quot;"/>
		</properties>
	</style>
</styles>

As a result we can define styles that apply to specific UI gadgets.  For example, the above sample shows that we can define a navigator widget that is associated with the properties page section.