All navigation controls in this Demo are LinkSelectors.
If a non-licensed version of the WebGadgets assembly is used, the WebControl will ocassionally issue red Powered by Axezz WebGadgets links inside the LinkSelectors.
Copyright © axezz 2005 www.axezz.com

Design - Selecting a Theme

The appearance of the LinkSelector is governed by Style Sheets (CSS) and Image files.

These files are found in the Themes folder, with their respective Theme name used as the sub folder name.

View All Themes using a Themes Selector.

To select a Theme on a page, the CSS file must be referenced on the page. 

<%@ Page %> <!-- ... or Control Tag here -->
<%@ Register TagPrefix="awg" Namespace="Axezz.WebGadgets" Assembly="AxezzWebGadgets" %>
<html>
  <head>
    <!-- Basic Page StyleSheet -->		
    <link rel="stylesheet" href="Themes/BlueSkyBullet/Demo.css">
    <!-- Themed LinkSelector StyleSheet -->		
    <link rel="stylesheet" href="Themes/BlueSkyBullet/LinkSelector.css">
  </head>
  <body>
  <div style="width:500px">
    <awg:LinkSelector id="LinkSelector1" runat="server"
      XMLFile="menu.xml"
      LinkSelectorType="ThemedTabStrip">
    </awg:LinkSelector>
  </div>
  </body>
</html>

This results in the following TabStrip

The content of this LinkSelector is set by the menu.xml file.

Each of the style sheet files found in the Themes folder contains a complete style sheet for the three LinkSelectorTypes and a set of styles that can be used for a LinkSelector where LinkSelectorType=Custom.

If LinkSelectorType=Custom or not set, results in a simple one dimensional LinkSelector where a Style can be set for 3 types of links, the standard link (LinkButtonStyle), a selected link (SelectedItemStyle) and for a disabled link (DisabledItemStyle). 

<awg:LinkSelector id="Linkselector3" runat="server"
  PreMadeList="DefaultList" 
  DisabledItemStringList="B" SelectedItem="All">
  <DisabledItemStyle CssClass="wgls_disabledlink"></DisabledItemStyle>
  <LinkButtonStyle CssClass="wgls_stdlink"></LinkButtonStyle>
  <SelectedItemStyle CssClass="wgls_selectedlink"></SelectedItemStyle>
</awg:LinkSelector>

ABCDEFGHIJKLMNOPQRSTUVWXYZAll