DriveWorks Pro 22

DriveWorks Live Skins

What's New DriveWorks Live Skins

Skins control the look and feel of DriveWorks Live, and several skins are available by default with the DriveWorks installation.

Extra pre-built skins will be available from the DriveWorks web site.

Skins can easily be created and customized to include your corporate color scheme and logos.

Activate the Skin Chooser

To activate the Skin Chooser page:

From PWE (DriveWorks Administrator)

1. Select Personal Web Edition from the task explorer of DriveWorks Administrator
2. Click Start to start PWE in a web browser
3. When the Log in screen appears in your browser enter the credentials that have access to Administer Group Security, click Login
4. The browser address bar will display http://localhost:8020/ type setup at the end of this so the URL reads http://localhost:8020/setup
5. The Default DriveWorks Live Setup page will load. Click the link for Skins to load the skin chooser page
6. Preview each skin by clicking the Preview button
7. Select the Skin to apply by clicking the Apply button

From DriveWorks Live

1. Select Live from the task explorer of DriveWorks Live
2. Click Start to start Live in a web browser
3. When the Log in screen appears in your browser enter the credentials that have access to Administer Group Security, click Login
4. The browser address bar will display http://YourURL/ type setup at the end of this so the URL reads http://YourURL/setup
5. The Default DriveWorks Live Setup page will load. Click the link for Skins to load the skin chooser page
6. Preview each skin by clicking the Preview button
7. Select the Skin to apply by clicking the Apply button

Modify an Existing Skin

To Modify an existing skin to create your own look and feel we recommend copying one of the existing skins which can then form the basis for your own.

1. Locate the Theme Folder using windows explorer
   The current location of the Theme DriveWorks is using can be found by stopping the Live (or PWE) session and clicking the Theme button.
2. Open the \Theme\Skins folder
3. Copy the entire folder of one of the existing skins into the \Theme\Skins folder
4. Rename the copied folder to a name you would like to appear in the skin chooser

The copied folder will now appear in the skin chooser (refresh or a stop/start of the session may be required)

For simple changes we recommend changing or replacing the following image files in an image editor.

• SkinImage.png - This is the thumbnail image that is displayed to select the skin on the Skin Chooser page
• Header.png And Banner.png - (Standard skin) This is the main image that will load on each page. the Banner.png is 950 wide by 122 high and the Header.png is 700 wide x 88 high.
• Header950.png - (Black Glass and Blue Glass skin) This is the main image that will load on each page and is 950 wide by 122 high.

Further customization of the skin can be done within the \Theme\Skins\ CopiedSkinFolderName\ Skin.aspx file

We recommend a good understanding of asp.net before attempting this.