Wednesday 8 May 2013

Widgets

Use Navigation Control In Asp.Net "Slide"


<%@ Page Language="C#" %>
<!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 ButtonClick(object sender, WizardNavigationEventArgs e)
    {
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Sliding Picture Navigation Control </title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">Navigation Style</h2>
        <asp:Wizard
            ID="Wizard1"
            runat="server"
            DisplaySideBar="true"
            HeaderText="My Slide"
            HeaderStyle-BackColor="#FC8383"
            HeaderStyle-ForeColor="Snow"
            HeaderStyle-Font-Size="X-Large"
            BorderColor="#C39596"
            BorderWidth="2"
            DisplayCancelButton="true"
            HeaderStyle-Height="50"
            HeaderStyle-HorizontalAlign="Center" onfinishbuttonclick="ButtonClick"
            >
            <WizardSteps>
                 <asp:WizardStep Title="Slide 1">
                    <img src="54vfbs.jpg" height="400" alt="Green Avater" /></asp:WizardStep>
                 <asp:WizardStep Title="Slide 2">
                    <img src="423006_444291065629803_628154372_n.jpg" height="400" alt="Water Avater"/></asp:WizardStep>
            </WizardSteps>
            <SideBarStyle BackColor="#F05A5A" Width="150" HorizontalAlign="Center" />
            <NavigationStyle
                BackColor="Peru"
                Height="75"
                HorizontalAlign="Center"
                BorderWidth="2"
                BorderColor="PeachPuff"
                />
            <NavigationButtonStyle Height="40" ForeColor="OrangeRed" Font-Bold="true" />
            <SideBarButtonStyle
                 Font-Italic="true"
                 ForeColor="Snow"
                 Font-Size="Larger"
                 />
<HeaderStyle HorizontalAlign="Center" BackColor="#FC8383" Font-Size="X-Large" ForeColor="Snow" Height="50px"></HeaderStyle>
        </asp:Wizard>
    </div>
    </form>
</body>
</html>

Demo-:




0 comments:

Post a Comment