.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

collapsible panel

Posted By:      Posted Date: August 29, 2010    Points: 0   Category :ASP.Net
Hiiii Coders, I have four collapsile panels. Now i want there sould be two link buttons expand all and collapse all. Now whenever user will click on expand all, all the collapsible panels should expand at the same time. Similarly, whenever user will click on collapse all, all the panels should be collapsed. How can i do so? plz provide some code snippets as soon as poss thanx and regards 

View Complete Post

More Related Resource Links

Collapsible Panel Extender Issue

Hi Everyone,I am facing strange problem when using the Collapsible Panel Extender inside a gridview. It saying control with the same id cannot be added to the application. Please suggest me solution in this regard asap.Thanks in advance...

Collapsible Panel Expand Event Help

I have a series of collapsible panels on a page. Each of them contain a databound listview. I am looking for a way to prevent the massive hit to the DB on page load. I was thinking about holding the databinding until the user expands the panel. But there is no onExpanding event. Any ideas on how I can fire server side code when the panel is expanded?

How to prevent collapsible panel from closing modal window

I have a collapsible panel extender inside a modal window, my problem is that whenever I click on the link button (to expand my panel), the window closes. Does anyone know of a way to avoid this?

Creating collapsible panel dynamically in datalist

Hey guys,Here is what I have done so far. I have a datalist to show notifications. The datalist is bound to an sqldatasource. I have tried to use a collapsible panel extender in the datalist to hide or show message, but the designer could not render the datalist because of the collapsible panel control. It gives an error "Unknown server tag asp:CollapsiblePanelExtender"here is my code<asp:DataList ID="DataList4" runat="server" Width="625px" DataSourceID="SqlDataSource1" OnItemDataBound="FormatInput"> <HeaderTemplate> <asp:Label ID="Label3" runat="server" Font-Names="Castellar" Font-Size="Large" Text="Notifications"></asp:Label> </HeaderTemplate> <ItemTemplate> <table style="width: 605px"> <tr> <td style="width: 453px"> <asp:Label ID="lbl_Username" runat="server" Text='<%# Eval("UserName") %>'></asp:Label>  <asp:Label ID="lbl_NoteType" runat="server" Text='Label'></asp:Label> : <asp:LinkButton ID="lbtn_V

Collapsible Panel and overflow-y: hidden

Hi Guys,We added collapsible panel to our site quite sometime back but it seems that they are no longer working in FF. It seems to be after the upgrade of the collapsible panel dll. Here's the asp.net code: <asp:Panel ID="pnlIssuesAssignedEvaluationHeader" runat="server" SkinID="collapsiblePanelHeader"> <h2> <span class="collapsibleHeaderText">Assigned to you for Evaluation <asp:Label ID="lblIssuesAssignedEvaluation" runat="server"></asp:Label> </span><span class="collapsibleHeaderImage"> <asp:Image ID="imgIssuesAssignEvaluation" runat="server" /> </span> </h2> </asp:Panel> <asp:Panel ID="pnlIssuesAssignedEvaluation" runat="server" SkinID="collapsiblePanel"> <asp:GridView ID="gvEvaluation" runat="server" DataSourceID="dsEvaluationIssues" AutoGenerateColumns="False" EmptyDataText="All Done!" SkinID="Sortable" OnSorting=&quo

How to track Collapse/ Expand event of AJAX Collapsible Panel Extender to call javascript ?



I am working with AJAX Panel Collapsable panel extender.

The Panel which is to be collapsed/Expanded using AJAX panel Extender contains one custom control, containing 3 Radio buttons one of them is set checked through a javascript function when page loads. I have kept the default property of AJAX collapsable panel as Collapsable.

Script for AJAX Collapsible Panel Extender is as follow. 

 <ajax:CollapsiblePanelExtender ID="cpeSOP" runat="Server" CollapseControlID="pnlCollapsable"
   CollapsedSize="0" Collapsed="True" CollapsedImage="~/public/img/arrowRightWhite.gif"
   ExpandControlID="pnlCollapsable" ExpandDirection="Vertical" ExpandedImage="~/public/img/arrowDownWhite.gif"
   ImageControlID="Image1" SuppressPostBack="true" TargetControlID="pnlSearchCriteria">

But problem is that when page loads, collapsible panel gets collapsed but it resets the radio buttons in custom control. i.e. First radio button does not get checked. Script for Collpsable panel is as follow. I want to call some javascript code when the panel is Collapsed or Expanded. Is there any way to track Coll

Error : While using Collapsible panel in gridview


Dear All,

i am using a grid view as a child control inside a grid view and using an collapsible panel extender to show and hide the child grid.

here is my code

<asp:Panel ID="Panel1" runat="server">
                            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                                    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; background-color: ButtonFace;
                                        font-family: Arial; font-size: 13px;">
                                            <td align="left" width="7%">
                                                <b>Select Date :</b>
                                            <td align="left" width="15%">
                                                <asp:TextBox ID="txtdate" runat="server"></asp:TextBox>
                                                <img src="Calendar_scheduleHS.png" alt="Select Date" id="calimg&quo

some invisible parts within collapsible panel extender


It sometimes sucks when logicaly one can not find an understandable reason for Asp problems or finding them out always needs a

knowledge which is not available on documentations.

Well problem here is that I use Collapsible panel extender to show a repeater inside a fixed positioned div.

what I get as a result is just header and Item template of repeater. no footer template.

even puting content of footer panel outside repeater but inside collapsible panel doesn't solve the problem.

my code is as following :

<div id="rbkorgenpnl"   style ="position : fixed ; top : 0px; left : 490px; z-index : 100px; ">

<asp:Panel ID="rbkorgExtPnl" runat ="server" Width ="400px" >
<div id="Div7" class="rbkorgddpaneltab">
<a href="#"><span>

Rabatkorgen  <img src="images/css/print0.jpeg" width ="20px" height ="20px" /> <img src="images/css/sms.jpeg" width ="20px" height ="20px"/></span></a>
<asp:Panel ID="rbkorgColPnl" runat ="server" Width ="400px" style="background-image :url(images/frame/bg_rabattkorgen.png); background-repeat :no-repe

ASP.NET AJAX : Collapsible Panel PostBack


Hi experts,

I have used CollapsiblePanel on my page, but when page is Post back, then it is redrawing all controls inside to it.


How to resolve it?

Please reply guys.


UserControl like asp:Panel


Is it possible to write own User Control with functionality like asp:Panel?

Dynamic Checkboxlist exception when adding to Panel when using Master Page


In essence, I am creating Dynamic Checkboxlist controls and adding them to a Panel.  It works well when I do not have a Master Page configure to this webpage. Once I have a masterpage congifured.. I get a "Object Reference not set to instance of object" error on the Panel_Control.Controls.Add(Checkboxlistnew) line:

protected void Page_PreInit(object sender, EventArgs e)
        XML OXML = new XML();
        alistChkBoxLabels = OXML.XMLTransform("C:\\Documents and Settings\..\\Config_new.xml", "config_options/check_box/applications/app/@name");
        int count = 1;
        alistCheckisFacility = new ArrayList();
        alIDTracker = new ArrayList();
        while (count <= alistChkBoxLabels.Count)

            Checkboxlistnew = new CheckBoxList();
            Checkboxlistnew.ID = count.ToString();
            Checkboxlistnew.Items.Add(new ListItem(alistChkBoxLabels[count - 1].ToString(), alistChkBoxLabels[count - 1].ToString()));

            String sAppName = alistChkBoxLabels[count - 1].ToString().Trim();

            alistCheckisFacility = OXML.XMLTransform("C:\\Documents and Settings\\Administrator\\My Documents\\Visual Studio 2005\\WebSites\\User_Trial\\Config_new

Treeview problems in Update panel



I tried using this code, on a Treeview inside an update panel, which is populated dynamically in code behind. 

However, it doesnt give me the required functionality.

Following is my aspx code for the TreeView and the TreeView populating logic:


<div id="treelist">
<asp:UpdatePanel ID="UpdatePanel1&quo

Accordion Control with Panel...Add an Update Panel?


I have an accordion control in my web site.  And in one of the panels, I have a drop down list box where, when the user selects an item, it updates the labels right below the ddlistbox.  I have it so that it maintains the scroll position when the ddlistbox has an autopostback, but it's very obvious that the whole page posts back.

My question is, can I/should I just enclose the ddlistbox and the labels (and a couple of text boxes) in an AJAX update panel?  I already have a ToolScriptManager (because of the accordion control), so I don't need to have another script manager, right?  I can just put the update panel (with the other controls inside of it) right in the accordion panel, right?  Then when the ddlistbox posts back it won't have the delay of the whole page posting back?  And it'll still execute the event handler for the listbox selection change?

Does this sound right?  I'm just looking to make the post back "invisible", and I would like to do a partial postback of just these few controls.

Thanks in advance! :)

update panel in content page



iam using master page  and i am using update panel in content pages (child pages)

my questions is that can use updatepanel in every child page or  master page only.

give ur suggestions, i have senario , in a page i have file upload concept ,updatepanel

is not support that fileupload.

Allign a Panel to Bottom of a DIV


Hi All

Is it possible set the alignment of a Panel to the Bottom of a DIV?

Any examples would be appreciated




Checkbox will show panel based on selection without postback.. how to do



I have Two Checkbox in my asp.net textbox..

First what i want is

based on two checkbox user has to be select any one only..

if checkbox1 is selected then Panel1 visible true without postback

if checkbox2 is selected then Panel2 visible true without postback

Wizard in an Update Panel


Hi everybody. Heres the deal. I have a three step Wizard with various textboxes in it. I out the Wizard inside an Update Panel and Content Template. I launch the site and the first step of the wizard is executed nicely but when I click next to get to the second step, nothing happen. If I take the wizard out of the update panel then it works fine.

Any help would be very much appreciated cause I am a bit new in ASP.NET.

Thanx a lot.

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend