Can I include my own style definition in a .xss file for a custom laf?

Question

I am trying to create a custom look-and-feel within UIX to get it as close as possible to
our existing application's look-and-feel.
So I have an elance-laf.xml which points to an elance.xss stylesheet.
In elance.xss, I override some of the simple laf styles.
In addition, I also want to define my own styles.
so elance.xss looks something like this:
<?xml version="1.0"?>
<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">
<styleSheet>
<style name="DefaultFont">
<property name="font-family">Courier</property>
<property name="font-size">14pt</property>
</style>
<style name="ButtonServerText">
     <property name="background-color">#CEC992</property>
</style>
<style name="myStyle">
     <property name="background-color">#8397AF</property>
</style>
</styleSheet>
</styleSheetDocument>
The problem is that "myStyle" never makes it to the automatically generated
cabo/styles/cache/elance-desktop-2_2_8-en-ie-6-windows.css
Is this not allowed?
I need this because I will be writing some custom template
based renderers where I would want to use my own styles.
Any help is greatly appreciated.
Thanks,
Jayesh Kapoor

Answer 1

Hi Jayesh -
The XSS language supports two different types of styles: named styles and selector-based styles.
Named styles are used to define a set of style properties that are referenced by name from other styles (using the <includeStyle> element). These styles do not show up in the generated CSS style sheet - they are used to simplify the XSS style sheet definition.
Selector-based styles are associated with a CSS selector instead of a name. These styles do show up in the generated style sheet.
So, if you want to define a CSS style, you'll need to specify a selector-based style instead of a named style. That is, instead of:
<style name="myStyle">You want:
<style selector=".myStyle">Note that I added the "." prefix to your style name to indicate that it is a CSS class selector.
Andy