<%@ Page %>
<%@ Register TagPrefix="ecd" Namespace="ASPNETExpert.WebControls.DemoControls" Assembly="ASPNETExpert.WebControls.DemoControls" %>
<%@ Register TagPrefix="ecd" TagName="Header" Src="../../Controls/Header.ascx"%>
<%@ Register TagPrefix="ecd" TagName="Footer" Src="../../Controls/Footer.ascx"%>
<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Dynamic Look Change</title>
<link href="../../style.css" type="text/css" rel="stylesheet">
<script language="javascript" type="text/javascript">
function Apply(menuItem) {
if(menuItem.Value == null)
return;
if(menuItem.Value == 'ExpandOnClick') {
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["TopGroup"].ExpandOnClick = menuItem.Checked;
return;
}
if(menuItem.Value == 'KeepExpanded') {
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["Group"].KeepExpanded = menuItem.Checked;
return;
}
if(menuItem.Value == 'CascadeCollapse') {
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["Group"].CascadeCollapse = menuItem.Checked;
return;
}
if(menuItem.GetParentGroup().Value == 'ExpandDirection') {
UncheckItems(menuItem.GetParentGroup().GetItems());
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["Group"].ExpandDirection = menuItem.Value;
return;
}
if(menuItem.Value == 'CheckIcon') {
menuItem.GetMenu().Looks["BaseCheckItem"].Icon.SetImageUrl(menuItem.Look.InitLook.Icon.ImageUrl);
menuItem.GetMenu().ApplyLook();
return;
}
if(menuItem.Value == 'FontBold') {
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["BaseTopItem"].Font.Bold = menuItem.Checked;
menuItem.GetMenu().Looks["BaseIconItem"].TextSection.Font.Bold = menuItem.Checked;
menuItem.GetMenu().Looks["BaseCheckItem"].TextSection.Font.Bold = menuItem.Checked;
menuItem.GetMenu().ApplyLook();
return;
}
if(menuItem.Value == 'FontItalic') {
menuItem.SetChecked(!menuItem.Checked);
menuItem.GetMenu().Looks["BaseTopItem"].Font.Italic = menuItem.Checked;
menuItem.GetMenu().Looks["BaseIconItem"].TextSection.Font.Italic = menuItem.Checked;
menuItem.GetMenu().Looks["BaseCheckItem"].TextSection.Font.Italic = menuItem.Checked;
menuItem.GetMenu().ApplyLook();
return;
}
if(!menuItem.Checked) {
UncheckItems(ec_GetMenu('ExpertMenu1').GetItemsByValue(menuItem.Value, true));
menuItem.SetChecked(true);
if(menuItem.Value.indexOf('Expand') >= 0) {
menuItem.GetMenu().Looks["Group"].Expand = new ec_Transition(
parseInt(GetCheckedValue('ExpandDelay')),
GetCheckedValue('ExpandEffect') == 'None' ? null : GetCheckedValue('ExpandEffect'),
parseInt(GetCheckedValue('ExpandDuration')));
return;
}
if(menuItem.Value.indexOf('Collapse') >= 0) {
menuItem.GetMenu().Looks["Group"].Collapse = new ec_Transition(
parseInt(GetCheckedValue('CollapseDelay')),
GetCheckedValue('CollapseEffect') == 'None' ? null : GetCheckedValue('CollapseEffect'),
parseInt(GetCheckedValue('CollapseDuration')));
return;
}
if(menuItem.Value.indexOf('Shadow') >= 0) {
menuItem.GetMenu().Looks["Group"].Shadow = new ec_Shadow(GetCheckedValue('ShadowColor'), parseInt(GetCheckedValue('ShadowOffset')));
return;
}
if(menuItem.Value == 'FontName') {
menuItem.GetMenu().Looks["BaseTopItem"].Font.Name = menuItem.Text;
menuItem.GetMenu().Looks["BaseIconItem"].TextSection.Font.Name = menuItem.Text;
menuItem.GetMenu().Looks["BaseCheckItem"].TextSection.Font.Name = menuItem.Text;
menuItem.GetMenu().ApplyLook();
return;
}
if(menuItem.Value == 'FontSize') {
menuItem.GetMenu().Looks["BaseTopItem"].Font.Size = menuItem.Text;
menuItem.GetMenu().Looks["BaseIconItem"].TextSection.Font.Size = menuItem.Text;
menuItem.GetMenu().Looks["BaseCheckItem"].TextSection.Font.Size = menuItem.Text;
menuItem.GetMenu().ApplyLook();
return;
}
if(menuItem.Value == 'ForeColor') {
menuItem.GetMenu().Looks["BaseTopItem"].ForeColor = menuItem.Text;
menuItem.GetMenu().Looks["BaseIconItem"].TextSection.ForeColor = menuItem.Text;
menuItem.GetMenu().Looks["BaseCheckItem"].TextSection.ForeColor = menuItem.Text;
menuItem.GetMenu().ApplyLook();
return;
}
if(menuItem.Value == 'ColorScheme') {
SetColorScheme(menuItem.GetMenu(), menuItem.Text);
return;
}
}
}
function GetCheckedValue(valuePattern) {
var patternItems = ec_GetMenu('ExpertMenu1').GetItemsByValue(valuePattern, true);
for(var i in patternItems)
if(patternItems[i].Checked)
return patternItems[i].Text;
return '';
}
function UncheckItems(items) {
for(var i in items)
if(items[i].Checked)
items[i].SetChecked(false);
}
function SetColorScheme(menu, colorScheme) {
var topBackColor, topBorderColor, groupBackImage, topGroupBackImage;
if(colorScheme == 'Blue') {
topBackColor = '#A3C2F5';
topBorderColor = '#94B0DE';
groupBackImage = 'images/BlueBackground.gif';
topGroupBackImage = 'images/TopBlueBackground.gif';
}
else
if(colorScheme == 'Silver') {
topBackColor = '#DCDCE8';
topBorderColor = '#7C7C94';
groupBackImage = 'images/SilverBackground.gif';
topGroupBackImage = 'images/TopSilverBackground.gif';
}
else {
topBackColor = '#DEDEB4';
topBorderColor = '#758D5E';
groupBackImage = 'images/OliveBackground.gif';
topGroupBackImage = 'images/TopOliveBackground.gif';
}
menu.Looks["BaseTopItem"].Background.Color = topBackColor;
menu.Looks["BaseTopItem"].Border.Overall = new ec_BorderPart('1px', 'Solid', topBackColor);
menu.Looks["TopItem"].ExpandedLook.Background.SetImageUrl(topGroupBackImage);
menu.Looks["TopGroup"].Background.Color = topBackColor;
menu.Looks["TopGroup"].Border.Overall = new ec_BorderPart('1px', 'Solid', topBorderColor);
menu.Looks["Group"].Background.SetImageUrl(groupBackImage);
menu.ApplyLook();
}
</script>
</HEAD>
<body xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<form id="Form1" method="post" runat="server">
<ecd:Header runat="server" ID="Header1"></ecd:Header>
<div style="padding-left:300px;">
<ec:ExpertMenu runat="server" id="ExpertMenu1" EnableViewState="false">
<OnClientAfter ItemClickHandler="Apply" />
<Looks>
<ec:MenuGroupLook Id="TopGroup" ItemSpacing="1" Orientation="Horizontal" ExpandOnClick="True" Border-Style="Solid"
Border-Width="1px" Border-Color="#94B0DE" Background-Color="#A3C2F5">
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Value="0" />
</BindCriteria>
</ec:MenuGroupLook>
<ec:MenuGroupLook Id="Group" ItemSpacing="1" Orientation="Vertical" KeepExpanded="True" Border-Style="Solid"
Border-Width="1px" Border-Color="#002D96" Background-Color="White" Background-ImageResourceUrl="Office2003.Blue.GroupBackground.gif"
Background-Repeat="RepeatY" Background-Alignment="TopLeft" Shadow-Color="#405075">
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Operator="GreaterEqual" Value="1" />
</BindCriteria>
</ec:MenuGroupLook>
<ec:TextLook Id="BaseTopItem" Cursor="Default" Border-Style="Solid" Border-Width="1px" Border-Color="#A3C2F5"
Padding-Left="7px" Padding-Top="2px" Padding-Right="7px" Padding-Bottom="2px" Background-Color="#A3C2F5"
Font-Name="MS Sans Serif" Font-Size="12px" />
<ec:TextLook Id="TopItemOver" Border-Style="Solid" Border-Width="1px" Border-Color="#002D96" />
<ec:MenuItemTextLook Id="TopItem" InitLook-Base="BaseTopItem" DisabledLook-Base="BaseTopItem" DisabledLook-ForeColor="#76798D">
<HoveredLook Base="TopItemOver" Background-ImageResourceUrl="Office2003.TopGroupBackgroundHovered.gif" />
<ExpandedLook Base="TopItemOver" Border-Style="Solid" Border-Width="1px" Border-Color="#002D96"
Border-Bottom-Style="Solid" Border-Bottom-Width="1px" Border-Bottom-Color="White" Background-ImageResourceUrl="Office2003.Blue.TopGroupBackground.gif" />
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Value="0" />
</BindCriteria>
</ec:MenuItemTextLook>
<ec:DualImageTextLook Id="BaseIconItem" Height="22px" Cursor="Default" Padding-All="1px" LeftIcon-Width="20px"
LeftIcon-Height="18px">
<TextSection ForeColor="Black" Wrap="False" Padding-Left="10px" Padding-Right="10px" Font-Name="MS Sans Serif"
Font-Size="9px" />
</ec:DualImageTextLook>
<ec:DualImageTextLook Id="IconItemOver" Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px"
Background-Color="#FFEEC2" />
<ec:MenuItemDualIconLook Id="IconItem" InitLook-Base="BaseIconItem" HoveredLook-Base="IconItemOver" ExpandedLook-Base="IconItemOver">
<DisabledLook Base="BaseIconItem" TextSection-ForeColor="#76798D" />
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Operator="GreaterEqual" Value="1" />
<ec:PropertyValueCriteria Property="HasSubmenu" Value="false" />
</BindCriteria>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="ParentIconItem" Base="IconItem">
<InitLook RightIcon-Width="18px" RightIcon-Height="18px" RightIcon-ImageResourceUrl="ArrowRightBlack.gif" />
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Operator="GreaterEqual" Value="1" />
<ec:PropertyValueCriteria Property="HasSubmenu" Value="true" />
</BindCriteria>
</ec:MenuItemDualIconLook>
<ec:ImageTextLook Id="BaseCheckItem" Height="22px" Cursor="Default" Padding-All="1px">
<Icon Width="20px" Height="20px" ImageResourceUrl="Office2003.Check.gif" />
<TextSection ForeColor="Black" Wrap="False" Padding-Left="10px" Padding-Right="10px" Font-Name="MS Sans Serif"
Font-Size="9px" />
</ec:ImageTextLook>
<ec:ImageTextLook Id="CheckItemOver" Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px"
Background-Color="#FFEEC2" />
<ec:MenuItemIconLook Id="CheckItem" InitLook-Base="BaseCheckItem" HoveredLook-Base="CheckItemOver" ExpandedLook-Base="CheckItemOver">
<DisabledLook Base="BaseCheckItem" TextSection-ForeColor="#76798D" />
</ec:MenuItemIconLook>
<ec:MenuItemIconLook Id="ColorCheckItem" InitLook-Base="BaseCheckItem" InitLook-TextSection-ForeColor="White">
<HoveredLook Border-Style="Solid" Border-Width="1px" Border-Color="Black" Padding-All="0px" />
</ec:MenuItemIconLook>
<ec:ImageLook Id="DotSeparator" Width="3px" Height="11px" ImageResourceUrl="Office2003.Blue.SeparatorDot.gif"
Padding-Left="4px" Padding-Right="4px">
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Value="0" />
</BindCriteria>
</ec:ImageLook>
<ec:ImageLook Id="Separator" Width="100%" Height="1px" ImageResourceUrl="Office2003.Blue.Separator.gif"
Padding-Left="30px" Padding-Right="2px">
<BindCriteria>
<ec:PropertyValueCriteria Property="Depth" Operator="GreaterEqual" Value="1" />
</BindCriteria>
</ec:ImageLook>
</Looks>
<TopGroup Look-Orientation="Horizontal">
<Items>
<ec:MenuItem Text="Menu Groups">
<SubMenu>
<Items>
<ec:MenuItem Value="ExpandOnClick" Text="Expand-On-Click" IconLook-Base="CheckItem" />
<ec:MenuItem Value="KeepExpanded" Text="KeepExpanded" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CascadeCollapse" Text="CascadeCollapse" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Text="Expand">
<SubMenu>
<Items>
<ec:MenuItem Text="Delay">
<SubMenu>
<Items>
<ec:MenuItem Value="ExpandDelay" Text="50" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDelay" Text="100" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDelay" Text="200" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDelay" Text="300" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDelay" Text="400" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDelay" Text="500" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Effect">
<SubMenu>
<Items>
<ec:MenuItem Value="ExpandEffect" Text="None" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandEffect" Text="GlideTopToBottom" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandEffect" Text="GlideLeftToRight" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandEffect" Text="Fade" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandEffect" Text="Pixelate" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandEffect" Text="Wheel" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Duration">
<SubMenu>
<Items>
<ec:MenuItem Value="ExpandDuration" Text="100" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDuration" Text="200" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDuration" Text="400" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDuration" Text="600" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDuration" Text="800" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ExpandDuration" Text="1000" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Collapse">
<SubMenu>
<Items>
<ec:MenuItem Text="Delay">
<SubMenu>
<Items>
<ec:MenuItem Value="CollapseDelay" Text="50" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDelay" Text="100" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDelay" Text="200" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDelay" Text="300" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDelay" Text="400" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDelay" Text="500" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Effect">
<SubMenu>
<Items>
<ec:MenuItem Value="CollapseEffect" Text="None" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseEffect" Text="GlideTopToBottom" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseEffect" Text="GlideLeftToRight" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseEffect" Text="Fade" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseEffect" Text="Pixelate" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseEffect" Text="Wheel" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Duration">
<SubMenu>
<Items>
<ec:MenuItem Value="CollapseDuration" Text="100" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDuration" Text="200" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDuration" Text="400" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDuration" Text="600" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDuration" Text="800" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="CollapseDuration" Text="1000" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Expand Direction">
<SubMenu Value="ExpandDirection">
<Items>
<ec:MenuItem Value="Auto" Text="Auto" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Value="BelowLeft" Text="Below Left" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="BelowCenter" Text="Below Center" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="BelowRight" Text="Below Right" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Value="AboveLeft" Text="Above Left" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="AboveCenter" Text="Above Center" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="AboveRight" Text="Above Right" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Value="RightDown" Text="Right Down" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="RightUp" Text="Right Up" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Value="LeftDown" Text="Left Down" Checked="False" IconLook-Base="CheckItem" />
<ec:MenuItem Value="LeftUp" Text="Left Up" Checked="False" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Shadow">
<SubMenu>
<Items>
<ec:MenuItem Text="Color">
<SubMenu>
<Items>
<ec:MenuItem Value="ShadowColor" Text="#405075" IconLook-Base="ColorCheckItem" IconLook-InitLook-TextSection-Background-Color="#405075" IconLook-HoveredLook-TextSection-Background-Color="#405075" />
<ec:MenuItem Value="ShadowColor" Text="#7C7C94" Checked="false" IconLook-Base="ColorCheckItem" IconLook-InitLook-TextSection-Background-Color="#7C7C94" IconLook-HoveredLook-TextSection-Background-Color="#7C7C94" />
<ec:MenuItem Value="ShadowColor" Text="#5E6F4B" Checked="false" IconLook-Base="ColorCheckItem" IconLook-InitLook-TextSection-Background-Color="#5E6F4B" IconLook-HoveredLook-TextSection-Background-Color="#5E6F4B" />
<ec:MenuItem Value="ShadowColor" Text="#5E4B6F" Checked="false" IconLook-Base="ColorCheckItem" IconLook-InitLook-TextSection-Background-Color="#5E4B6F" IconLook-HoveredLook-TextSection-Background-Color="#5E4B6F" />
<ec:MenuItem Value="ShadowColor" Text="#4F343B" Checked="false" IconLook-Base="ColorCheckItem" IconLook-InitLook-TextSection-Background-Color="#4F343B" IconLook-HoveredLook-TextSection-Background-Color="#4F343B" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Offset">
<SubMenu>
<Items>
<ec:MenuItem Value="ShadowOffset" Text="3" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ShadowOffset" Text="6" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ShadowOffset" Text="9" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ShadowOffset" Text="12" Checked="false" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Menu Items">
<SubMenu>
<Items>
<ec:MenuItem Text="Check Icon">
<SubMenu>
<Items>
<ec:MenuItem Value="CheckIcon" Text="Orange bordered" IconLook-Base="CheckItem" IconLook-InitLook-Icon-ImageResourceUrl="Office2003.Check.gif"/>
<ec:MenuItem Value="CheckIcon" Text="Black check" IconLook-Base="CheckItem" IconLook-InitLook-Icon-ImageUrl="images/Check.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Font">
<SubMenu>
<Items>
<ec:MenuItem Text="Name">
<SubMenu>
<Items>
<ec:MenuItem Value="FontName" Text="MS Sans Serif" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontName" Text="Verdana" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontName" Text="Tahoma" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontName" Text="Arial" Checked="false" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Size">
<SubMenu>
<Items>
<ec:MenuItem Value="FontSize" Text="8px" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontSize" Text="10px" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontSize" Text="12px" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontSize" Text="14px" Checked="false" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Value="FontBold" Text="Bold" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="FontItalic" Text="Italic" Checked="false" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Color">
<SubMenu>
<Items>
<ec:MenuItem Value="ForeColor" Text="Black" IconLook-Base="CheckItem" IconLook-InitLook-TextSection-ForeColor="Black" IconLook-HoveredLook-TextSection-ForeColor="Black" />
<ec:MenuItem Value="ForeColor" Text="#405075" Checked="false" IconLook-Base="CheckItem" IconLook-InitLook-TextSection-ForeColor="#405075" IconLook-HoveredLook-TextSection-ForeColor="#405075" />
<ec:MenuItem Value="ForeColor" Text="#5E6F4B" Checked="false" IconLook-Base="CheckItem" IconLook-InitLook-TextSection-ForeColor="#5E6F4B" IconLook-HoveredLook-TextSection-ForeColor="#5E6F4B" />
<ec:MenuItem Value="ForeColor" Text="#5E4B6F" Checked="false" IconLook-Base="CheckItem" IconLook-InitLook-TextSection-ForeColor="#5E4B6F" IconLook-HoveredLook-TextSection-ForeColor="#5E4B6F" />
<ec:MenuItem Value="ForeColor" Text="#4F343B" Checked="false" IconLook-Base="CheckItem" IconLook-InitLook-TextSection-ForeColor="#4F343B" IconLook-HoveredLook-TextSection-ForeColor="#4F343B" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Color Scheme">
<SubMenu>
<Items>
<ec:MenuItem Value="ColorScheme" Text="Blue" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ColorScheme" Text="Olive" Checked="false" IconLook-Base="CheckItem" />
<ec:MenuItem Value="ColorScheme" Text="Silver" Checked="false" IconLook-Base="CheckItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</TopGroup>
</ec:ExpertMenu>
</div>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif" ID="Descriptionview1">
<ecd:Description id="Description1" runat="server">This example demonstrates how you
can manipulate menu objects on the <b>client side</b>.</ecd:Description>
<ecd:Description id="Description4" runat="server">A large number of server-side objects / properties
have their analogues at the client side.</ecd:Description>
<ecd:Description id="Description2" runat="server">This consistent object model gives you a chance
to change menu objects, looks and their properties on the client side in order to get the required view of the menu.</ecd:Description>
<ecd:Description id="Description3" runat="server">There is no need to make postbacks
in order to change the menu look.</ecd:Description>
</ecd:DescriptionView>
<ec:CodeViewTab id="CodeViewTab1" runat="server" ImagesBaseUrl="../../images/tab/">
<ec:TabItem runat="server" Text="aspx" ID="Tabitem1">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" OutputFile="default.aspx" />
</pre>
</ec:TabItem>
</ec:CodeViewTab>
<ecd:Footer runat="server" ID="Footer1"></ecd:Footer>
</form>
</body>
</HTML>