Friday 6 December 2013

Ajax CollapsiblePanelExtender in asp.net


Output:




Aspx Page



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CollapsiblePanelExtender.aspx.cs"Inherits="CollapsiblePanelExtender" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:ToolkitScriptManager 
             ID="ToolkitScriptManager1" 
             runat="server">
        </asp:ToolkitScriptManager>
    <asp:LinkButton ID ="linkbutton1" BackColor="Brown" ForeColor="White" Width="150px"
         Height="30px"runat="server" Font-Underline="False">

       About AJAX...
    </asp:LinkButton>
  
    <asp:Label ID ="label1" runat="server" ></asp:Label>
  
    <asp:Panel ID ="Panel1" runat="server" BackColor="Teal" ForeColor="Yellow" Width="150px" Font-Size="Large">

    tarun <br />
    Anil<br />
    Rajan<br />
    Suresh<br />
    Mohan<br />

    </asp:Panel>

        <asp:CollapsiblePanelExtender 
              ID="CollapsiblePanelExtender1" 
              runat="server"
              CollapseControlID="linkbutton1" 
              ExpandControlID="linkbutton1" 
              CollapsedSize="0" 
              Collapsed="true"
              CollapsedText="Expandit..." 
              ExpandDirection="Vertical" 
              ExpandedSize="250" 
              ExpandedText="Colaspe it..."
              SuppressPostBack="true" 
              TargetControlID="Panel1" 
              TextLabelID="label1">
        </asp:CollapsiblePanelExtender>
    </div>

    </form>
</body>
</html>

No comments:

Post a Comment