UI StylesThese 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
|
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 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Menu Item Rollovers | Tooltip Dialog | Table | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Tooltip contents
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Disclosure Panel | Drag/Drop Target | Drag Drop Avatar | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|