AJAX :: CollapsiblePanelExtender Collapsed=True Not Working?
Mar 30, 2011
I am using a CollapsiblePanelExtender inside a ListView and aside from one minor, but annoying problem, it works fine. The problem is, when the page first renders, I see all the panels expanded for a short moment before they all get collapsed. There are multiple CPEs because the ListView is databound to about 45 records. I have the Collapsed=True, and based on some not-quite-clear documentation, I also set the CollapsedSize=0 and the panel's Height=0. After that last change (panel height), they are now displaying collapsed except that the gridviews inside the target panel is still showing in a sort of overlapped way. I'd upload a picture so you can see, but I don't think I can in this forum. Since the page looks like this for about a half-second, it's enough to confuse and annoy my users (and myself). Can someone please help me set this up to truly show collapsed when the page loads?
I did also try looking at the code in the AJAX Toolkit's sample website but I still don't quite understand "Collapsed - Specifies that the object should initially be collapsed or expanded. Set this to match your initial size. In this case, we initially set the panel to a height of 0 to match the CollapsedSize property, so when the page first renders, we don't see the panel expanded." If the options are True/False, why does it say to set this to match your initial size? And I did set the panel height to 0 to match the collapsedsize and it's just not working.
I have four collapsiblepanelextendrs on my page. Now i want that whenever, i click on one extender to expand others panels in expanded state should be collapsed at same time. How can i achieve this in C#
I am using this to display CollapsiblePanelExtender but it's not working ad I dont know why? there is no error and it workes when i set theCollapsed to True or False but not working when I run and want the user to click roCollapsed or Expand?
i am using CollapsiblePanelExtender and button to open pdf document using response.document in same form. CollapsiblePanelExtender works fine before i click button to open pdf document using response.write and once i click on button CollapsiblePanelExtender does not work.
I have an accordian in my nested gridview that has the defaul selectedindex=-1 (meaning its collapsed).
In order to change the expand icon I need to find out using javascript what the selectedindex value of the accordian is when it loads, does anyone know how to do this?
Is it possible to force a collapsible panel to stay collapsed based on a user role. If the user belongs to a certain role then allow the panel to become expendable otherwise keep it closed.
Tried the Enabled property of the extender but this doesnt work.
I'm trying to save some content whenever a button/hyperlink is clicked using jquery.ajax (Using Asp.net 3.5). The logic is as follows:
Through .bind in jquery I bind my own method(MakeLog) to a button click or hyperlink click. The click events of button/hyperlink contain nothing, I need to use .bind for selective controls.Now we have a button whose click event will fire a method, say MakeLog.Code snippet for MakeLog is as follows:
This works fine in IE but in Firefox this is not sending the data back as expected.I tried to identify the issue and came across the following: http://stackoverflow.com/questions/3522944/jquery-ajax-calls-async-false-vs-async-true .What I understand is that, whenver page is redirecting/reloading due to button click or hyperlink click the async call is not working properly.
I have two radiobuttons in radiobuttonlist and based on selection, i am enabling and disabling the text box. First time i used date radiobutton and i took date in corresponding textbox and i saved it into database and then when i came back on same page i saw the date radiobutton is checked has proper value then i clicked on another radiobutton and this time page is postback and clear my all the data which was in my other controls(I have 5-6 text boxed on my page). I dont know why?, It supposed to select my other radiobutton and enable the corresponding text box
[Code]....
if (!Page.IsPostBack) { if (gvCredentialTypes.SelectedIndex >= 0) { CredentialType credType = CredentialType.FindCredentialType(gvCredentialTypes.SelectedValue.ToString()); if (!String.IsNullOrEmpty(credType.CredentialTypeName)) //If exists, load data { String expDays = credType.ExpirationLength.ToString(); DateTime expDate = Convert.ToDateTime(credType.ExpirationDate); // Assign the value to the controls LoadExpirationDaysDateValue(expDays, expDate); } } }
private void LoadExpirationDaysDateValue(String expDays, DateTime expDate) { // Determines whether value for Days or Date is present Boolean IsDays = false; // Check if days value is present if (String.IsNullOrEmpty(expDays) || expDays.Equals("0")) { txtExpirationDays.Text = String.Empty; } else { txtExpirationDays.Text = expDays; IsDays = true; } if (expDate.ToShortDateString().Equals ("1/1/0001")) { txtExpirationDate.Text = String.Empty; } else { txtExpirationDate.Text = expDate.ToShortDateString(); IsDays = false; } // Set the radio button value based on whether Date or Days value is present if (IsDays) { // Get ref to the 1st radio item ListItem liExpirationInDays = rbExpiration.Items.FindByValue("rbExpirationInDays"); if (liExpirationInDays != null) { liExpirationInDays.Selected = true; rbExpiration.Items.FindByValue("rbExpirationDate").Selected = false; txtExpirationDate.Text = string.Empty; txtExpirationDays.Text = expDays; // Enable or disable the controls based on the radio button selection txtExpirationDays.Enabled = true; RequiredFieldValidator1.Enabled = true; RangeValidator1.Enabled = true; txtExpirationDate.Enabled = false; RegularExpressionValidator1.Enabled = false; CalendarExtender2.Enabled = false; //compDateValidator.Enabled = false; RequiredFieldValidator2.Enabled = false; } } else { // Get ref to the 2nd radio item ListItem liExpirationDate = rbExpiration.Items.FindByValue("rbExpirationDate"); if (liExpirationDate != null) { liExpirationDate.Selected = true; rbExpiration.Items.FindByValue("rbExpirationInDays").Selected = false; txtExpirationDays.Text = string.Empty; txtExpirationDate.Text = expDate.ToShortDateString(); // Enable or disable the controls based on the radio button selection txtExpirationDate.Enabled = true; RegularExpressionValidator1.Enabled = true; RequiredFieldValidator2.Enabled = true; CalendarExtender2.Enabled = true; //compDateValidator.Enabled = true; txtExpirationDays.Enabled = false; RequiredFieldValidator1.Enabled = false; RangeValidator1.Enabled = false; } } }
when i put Collapsible panel extender inside iframe(html control) i get this error: Sys.ArgumentException: Value must not be null for Controls and Behaviors. Parameter name: element iam using VS 2008
On the code below, I am having a problem setting up a CPE. When I run the program it does not look like the tutorial. When it collapsis nothing can be seen and the collapased text is not visable anywhere. On the tutorial there is a bar and arrow. Is that something I have to create seperately? Also, what kind of buttons should I use to toggel the panel. I would appreciate it if someone could post code showing how this works.
I used CollapsiblePanelExtender in a web form and would like to keep its state either collapsed or expanded by user. When user navigates away from the page and then comes back a little bit later, he still see the panel collapsed or extended. codes:formA.aspx:
I use two different collapsiblepanelExtenders with similar colapsedControlID which is not a matter here. ince both of them working but with some misbehaviour, for example if the first one is open and I click wherever on it , the second one extends. also by clicking on the second one it collapses.That means that some how an event triggers and makes them collapse or extend.I have a kind of editing panel inside each extandedPanel which are used to update something on the page. the problem is that by clicking on eachtextbox or fileupload, the second panel collapses again. before any other action. So that I can not enter the textboxes. I can do that if I use tab button on keyboard. but that sucks really.
[Code]....
it might be because the second extender is inside the collapsible panel itself. but why it doesn't stay in extended state?
I am using CollapsiblePanelExtender with following markup:
[Code]....
The expanded panel contains a table. This works fine in Firefox and IE. However, when the panel is expanded in Chrome, no content is shown or rendered in the expanded state.What could be going wrong here?
have used a CollapsiblePanelExtender on my page.It works fine in IE but when I open it in chrome. It doesn't show contents inside CollapsiblePanelExtender. I am using ajax toolkit with asp.net 3.5
I have a Collapsiblepanelextender and a TabContainer with two tabs. the code works fine in FF and Chrome but fails in IE8. I am using VS2008 .Net 3.5 and the latest AjaxToolkit.
I am trying to control the collapsible behavior through tab clicking using javascript. here is the code to replicate my problem.
I have several CollapsiblePanelExtenders in my formview (both EditTemplate and ItemTemplate). Everything works great, except that they always expand when I move from record to record. I'd like them to keep their previous state (collapsed or expanded). How can I do this with the Formview? Outside the Formview.
I have a page which consists of a CollapsiblePanelExtender. To be specific, I have placed all my controls inside a panel and specified the TargetcontrolID as this panel and this is working perfect..Now, I just included a ModalPopupExtender control in the same page and specified the PopUpControlID as this same panel. Query1: Can CollapsiblePanelExtender and ModalPopupExtender work together?
I have also specified the CSS for the panel and for ModalPopupExtender. Have attached a part of the aspx page below.
