Sets the color and design of the player's toolbar.

Skin Selector - The first control in this section is the dropdown Skin Selector, which allows you to select from a variety of pre-made Wimpy Skins. Choose a Skin to see the changes instantly reflected in the preview panel. Two special selections here require additional explanation: Load and Show:

· [Load] This setting allows you to load a Skin by specifying its "Skin String" (a unique character strings representing a Wimpy Skin). You can visit the skins section for additional skin designs.

· [Show] This setting shows you the Skin String for the currently-selected Skin.

Toolbar Controls - The Toolbar section of the Skin control is simpler than it appears. The controls here represent all of the possible buttons you may display in your Wasp toolbar. To work with a particular button, simply select the matching control. Once selected, this becomes the "active" button, and all changes made below will be applied to it.  For example, in the illustration below we are getting ready to modify the appearance of the timeline:

You probably don't want all of these buttons to appear, and you may want to have different styles of buttons.  That's why the Wasp Publisher gives you many ways to control their appearance:

Hide Selected
Each button may be hidden, and by default, most of them are. To hide a button, select it by clicking on its control, then check the "Hide Selected" checkbox. To unhide a button, uncheck "Hide Selected".

Apply To Similar
If checked, this control will cause your changes to affect not only the active control, but all controls in the same group.  Buttons that are grouped by Similarity are:

- [ Play, Play/Pause ]
- [ SpacerLeft, SpacerRight ]
- [ Timeline Slider, Volume Slider ]

Style
Determines which preset style will be applied.  The number of styles differs depending on the control.  To page through all the available options, simply select a control and click the left & right "style" arrows.  Your changes will be instantly reflected in the preview panel.  (Tip: Set the Toolbar Location to "Bottom" in order to keep it from disappearing while you're working on it.)

Size
Increases or decreases the relative size of the active control.

Background Color
Use the Color Button (diagonal bar if no color is selected) to indicate the background color for the active button. If you know the exact hex color code, you may type it into the input box (the # sign is not required). Click the "Set" button to lock in your decision.

Foreground Color
Use the Color Button (diagonal bar if no color is selected) to indicate the foreground color for the active button. If you know the exact hex color code, you may type it into the input box (the # sign is not required). Click the "Set" button to lock in your decision.

Alternate Color
Use the Color Button (diagonal bar if no color is selected) to indicate the alternate color for the active button. If you know the exact hex color code, you may type it into the input box (the # sign is not required). Click the "Set" button to lock in your decision.

Technical

Example Usage

HTML:

wasp.swf?waspSkin=sh_1|1|||||B3F76E^sf_1|1|||||B3F76E

XML:

<waspSkin>sh_1|1|||||B3F76E^sf_1|1|||||B3F76E</waspSkin>

JavaScript

waspConfigsXXXXXX.waspSkin="sh_1|1|||||B3F76E^sf_1|1|||||B3F76E";

See also

- Skins Overview
- Skin Strings