Business Desk Themes Sample

Article
11/12/2009

Location in SDK: SDK\Samples\BizDesk\Themes

The Microsoft Commerce Server 2002 Software Development Kit (SDK) includes a Business Desk Themes sample that allows users to change the Business Desk theme or color scheme. After making minor code changes to two of the ASP pages for the site, the themes are available for selection on the home page of Business Desk, in the Themes drop-down list.

Each Business Desk theme is based on two cascading style sheet (CSS) files, theme_bizdesk.css and theme_navtree.css, such as earth_bizdesk.css and earth_navtree.css for the theme with the Earth color scheme.

There are five themes included in the SDK. The following lists the name of the theme, a description of the color scheme, and a graphic of the theme used in Business Desk.

Earth, mixture of greens and browns
Grape, shades of purple
Ocean, shades of blues and greens
Raspberry, shades of red
Steel, shades of grays and blues

Installing the Business Desk Theme Sample

Use the following procedure to install the Business Desk Themes sample.

Ee797554.note(en-US,CS.20).gif Notes

Before you can install the Business Desk Themes sample, Commerce Server Business Desk must be installed. Business Desk is installed automatically when a Solution Site is unpacked. Business Desk is not installed automatically when an SDK sitelet is unpacked.
Commerce Server Solution Sites are available at https://go.microsoft.com/fwlink/?linkid=6491.

To install the Business Desk Themes sample

Click Start, point to Programs, point to Microsoft Commerce Server 2002, and then click Software Development Kit.
Navigate to the Themes folder, for example <drive>:\Program Files\Microsoft Commerce Server 2002\SDK\Samples\BizDesk\Themes.
Copy the two files associated with each theme you want to have available in Business Desk, for example, ocean_navtree.css and ocean_bizdesk.css.
Navigate to the Bizdesk folder for the site, for example <drive>:\Inetpub\wwwroot\*<Sitename>*Bizdesk\Include\Styles, and then paste the files in the folder.
Navigate to the welcome.asp file, located at <drive>:\Inetpub\wwwroot\<*SiteName>*bizdesk\welcome.asp. Open the file in a text editor such as Notepad or Microsoft Visual Studio.
Add the new theme options to the drop-down list. After the following line of code on line 120, <option value='hicont_'><%= L_CSSHiContrast_MenuItem%></option>, add a new line of code for each new theme.

For example:
```
'Existing Code
<option value='default_'><%= L_CSSDefault_MenuItem    %></option> 
<option value='hicont_'><%= L_CSSHiContrast_MenuItem  %></option>
'New Code
<option value='ocean_'>Ocean</option>
```
Note that to preserve the ability to easily localize the Business Desk code, you should add a new variable for the word "Ocean" to the file BizDeskStrings.asp in the Include folder below the existing definitions of the L_CSSDefault_MenuItem and L_CSSHiContrast_MenuItem variables, and reference the new variable in the file welcome.asp.
On the File menu, click Save. (You can optionally close the file welcome.asp and the text editor at this point.)
Open Business Desk for the site. Click Start, and then click Business Desk - <Sitename>.
On the Business Desk home page, select the theme you want to use from the Theme drop-down list, and then click Apply.

Business Desk is displayed in the color scheme for the theme you selected.

Share via

Business Desk Themes Sample

Installing the Business Desk Theme Sample

Additional resources