public interface Skins
A "skin" consists of
skin_styles.css: a .css file defining the set of classes to apply to Smart GWT components' visual elements
images/: a directory of image files used as part of visual components
load_skin.js: a .js file containing overrides for various Smart GWT component properties that affect the appearance of those components.
skinattribute of the
loadISCTagor by including the appropriate
load_skin.jssource file with a standard script include tag.
To create a custom skin, we suggest making a complete copy of an existing skin, then modifying the media, css class definitions and component property overrides you wish to change.
Note that the
load_skin.js file contains a
Page.setSkinDir() directive to set up the skin dir (used to ensure media is retrieved from the appropriate directory), and a
Page.loadStyleSheet() directive to load the .css file.
Skinning Overview for more information.