Changing the Appearance of WebWorks Reverb
Most customizations to WebWorks Reverb rely upon changing one of three file types:
Page Templates - Found in the Pages folder and have the extension .asp. Users may create overrides for these files in their project to change overall layouts
skin.css - Found in the Pages\css folder. Users may change the color, icons, and other layout specific behaviors with this file.
skin.png - Found in the Pages\images folder. This file works as a CSS sprite file, which means that it contains multiple images. Users can quickly modify colors within this file to meet branding requirements.
Sample files are provide with the Skin prefix to assist users in modifying skin related changes. The Skin.html file can be used by designers who wish to modify the skin.png and skin.css files.
For easy reference, here are a list of page template files and their corresponding output files:
Page Template |
Use |
Connect.asp |
Entry point to the Reverb run-time |
Parcel.asp |
Data file for each Reverb parcel (help set) |
Index.asp |
Data file for each Reverb parcel’s Index information |
Splash.asp |
Defines the layout and appearance of the Reverb splash page |
Page.asp |
Defines the layout and appearance of generated pages |
Search.asp |
Search integration page (Google Search by default) |
Finally, WebWorks Reverb makes use of CSS classes to identify elements which should performance special actions. These elements may occur in the entry page (default to index.html) or in generated pages.
CSS Class |
Related Action |
ww_behavior_toc |
Displays merged TOC |
ww_behavior_index |
Displays all defined Indexes |
ww_behavior_search |
Displays search system |
ww_behavior_globe |
Enables/disables Google Translate |
ww_behavior_prev |
Navigates to the next page in the browse sequence |
ww_behavior_next |
Navigates to the next page in the browse sequence |
ww_behavior_print |
Prints the current page |
ww_behavior_email |
Emails feedback on the current page URL |
ww_behavior_pdf |
Display related PDF for the current page |