Wednesday, December 28, 2011

CollapsiblePanel in asp.net

Example


in .aspx page



<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</cc1:ToolkitScriptManager>
    
    <asp:Panel ID="Panel2" runat="server" style="font-weight: bold; background-color: ThreeDShadow; border-color:Black " Width="400px" >
        hi press me to fill data
    </asp:Panel>
        
    <asp:Panel ID="Panel1" runat="server"  style="font-weight: bold; background-color: ThreeDShadow;" Width="400px">
    name: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    rollno: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
           
    </asp:Panel>

  <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"  TargetControlID="Panel1" CollapseControlID="Panel2" ExpandControlID="Panel2" Collapsed="true" CollapsedSize="0" ExpandedSize="120" ExpandedText="(Collapse...)" CollapsedText="(Expand...)>
  </cc1:CollapsiblePanelExtender>


For detail:Click to view
                                                                                                (Cascadingdropdown)<<Back



Expand/collapse CollapsiblePanel using Javascript
Click to view

No comments:

Post a Comment