UI Styles

These example shows the HTML markup to use to create UI objects that support themes. If you use the Pentaho Dojo widgets some of this is handled automatically.
Button Dialog Glass Pane
The Title
The dialog contents go here. Clicking 'Ok' or 'Cancel' will make the glass pane go away.
Click the button to show the glasspane
Floating Panel Drop Panel Scroll Bars
The contents of the panel go here. The contents of the panel go here. The contents of the panel go here.
The contents of the panel go here.
line 1 of the content.
line 2 of the content.
line 3 of the content.
line 4 of the content.
line 5 of the content.
line 6 of the content.
line 7 of the content.
line 8 of the content.
line 9 of the content.
line 10 of the content.
line 11 of the content.
line 12 of the content.
line 13 of the content.

this is a long line of text. this is a long line of text. this is a long line of text. this is a long line of text.
Buttons Buttons with Rollover Toolbar
Enabled Disabled
Edit
Add
Delete
Undo
Redo
Filter
Layout
Background
Foreground
Down
Up
Left
Right
Enabled Disabled
Close
Close (big)
Previous page
Next page
Toggle Up
Option
Option
Toggle Down
Option
Option
Trash
Toolbar Buttons Label Tab Set
This is a label
Tab 1
Tab 2
Tab 3
Default Transparency Default Gradient Default Shine
Section Header Section Header with Options Section Header with item list management buttons
Section 1
Section 2
Section 3
Option 1
Option 2
Menu Item Rollovers Tooltip Dialog Table
Option 1  
Disabled  
Checked
Tooltip contents
Column 1
Column 2
Column 3
Data
Data
Data
Disclosure Panel Drag/Drop Target Drag Drop Avatar
Panel Title
Panel contents go here