<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{
Label1.ForeColor = System.Drawing.Color.FromName(RadioButtonList1.SelectedItem.Text);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Ajax HoverMenuExtender - How to use HoverMenuExtender in asp.net ajax</title>
<style type="text/css">
.PanelCSS
{
visibility:hidden;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color:DeepPink; font-style:italic;">Ajax Control Toolkit Example: Using HoverMenuExtender</h2>
<hr width="550" align="left" color="Pink" />
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
>
</asp:ScriptManager>
<cc1:HoverMenuExtender
ID="HoverMenuExtender1"
runat="server"
TargetControlID="Label1"
PopupControlID="Panel1"
PopupPosition="Bottom"
>
</cc1:HoverMenuExtender>
<br /><br />
<asp:Label
ID="Label1"
runat="server"
Text="Color changeable label."
Font-Size="XX-Large"
Font-Names="Comic Sans MS"
>
</asp:Label>
<asp:Panel
ID="Panel1"
runat="server"
Width="300"
BorderColor="Gray"
BorderWidth="1"
CssClass="PanelCSS"
>
<asp:RadioButtonList
ID="RadioButtonList1"
runat="server"
RepeatColumns="3"
OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"
AutoPostBack="true"
>
<asp:ListItem>Tan</asp:ListItem>
<asp:ListItem>Crimson</asp:ListItem>
<asp:ListItem>DarkBlue</asp:ListItem>
<asp:ListItem>SeaGreen</asp:ListItem>
<asp:ListItem>OrangeRed</asp:ListItem>
<asp:ListItem>Magenta</asp:ListItem>
<asp:ListItem>DeepPink</asp:ListItem>
</asp:RadioButtonList>
</asp:Panel>
</div>
</form>
</body>
</html>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{
Label1.ForeColor = System.Drawing.Color.FromName(RadioButtonList1.SelectedItem.Text);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Ajax HoverMenuExtender - How to use HoverMenuExtender in asp.net ajax</title>
<style type="text/css">
.PanelCSS
{
visibility:hidden;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color:DeepPink; font-style:italic;">Ajax Control Toolkit Example: Using HoverMenuExtender</h2>
<hr width="550" align="left" color="Pink" />
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
>
</asp:ScriptManager>
<cc1:HoverMenuExtender
ID="HoverMenuExtender1"
runat="server"
TargetControlID="Label1"
PopupControlID="Panel1"
PopupPosition="Bottom"
>
</cc1:HoverMenuExtender>
<br /><br />
<asp:Label
ID="Label1"
runat="server"
Text="Color changeable label."
Font-Size="XX-Large"
Font-Names="Comic Sans MS"
>
</asp:Label>
<asp:Panel
ID="Panel1"
runat="server"
Width="300"
BorderColor="Gray"
BorderWidth="1"
CssClass="PanelCSS"
>
<asp:RadioButtonList
ID="RadioButtonList1"
runat="server"
RepeatColumns="3"
OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"
AutoPostBack="true"
>
<asp:ListItem>Tan</asp:ListItem>
<asp:ListItem>Crimson</asp:ListItem>
<asp:ListItem>DarkBlue</asp:ListItem>
<asp:ListItem>SeaGreen</asp:ListItem>
<asp:ListItem>OrangeRed</asp:ListItem>
<asp:ListItem>Magenta</asp:ListItem>
<asp:ListItem>DeepPink</asp:ListItem>
</asp:RadioButtonList>
</asp:Panel>
</div>
</form>
</body>
</html>
No comments:
Post a Comment