AJAX :: Display CollapsiblePanelExtender But It's Not Working?
Dec 5, 2010
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 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 a Collapsable panel which I have placed inside another panel.
When this renders I can see the title panel, but the content panel does not appear at all. When I look at this content through Firebug it's greyed out. However if I then look at the CSS for this generated Div I can make the panel appear one of two ways:
Disable the setting "overflow-y: hidden" and then the panel displays below the title panel
Add the line: "float: left" to the div and this then displays it.
This div is created by the CollapsiblePanelExtender itself and I don't know how to control this myself when rendering the page. I can set the float in the panel itself, but this is inside the Div created by the control and doesn't seem to affect it's running.
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.
I have a CollapsiblePanelExtender, and although the attribute Collapsed="true", the content panel is initially expanded.
When I click on the associated Header Panel, the Header changes (some text and an image are changed), and the content panel remains expanded. However when I click on the header again, the header changes (back to initial state) but the content panel momentarily collapses and then expands again.
Furthermore, I decided to copy Joe Steigner's demonstration word-for-word, and I get exactly the same result as before!!
I have a page with two CollapsiblePanelExtender controls on it. The page is a multi-stage process which posts back to itself several times as the user steps through the process. All the page controls, includung the CollapsiblePanelExtenders are in an update panel and the page is derived from a master page.
When the page first loads, the CollapsiblePanelExtenders don't work properly - an open one will close on clicking, as epxected, but they only re-open intermittently and quickly reach a state where they won't re-open at all. However, once a user has initiated a postback by clicking on a form button, they work fine from there on in.
I can't work out what's causing this problem. Simply making the form post back to itself on load doesn't do anything, and neither does running the code that's initiated by the button click. I found - quite by accident - that inserting a StartupScript with an error (any error at all - just insert the the letter "a" in a script tag will do) into the page fixes the problem! But obviously that's not a satisfactory solution.
I have used CollapsiblePanelExtender in my web page. whenever I load the page I can see the panels open for a second and then they all close. I want to start the page with them closed.
I have one small issue with my page, i have two CollapsiblePanelExtender in my page and some required field validators are used for the textbox controls that are there within the CollapsiblePanelExtender.And i have also assigned two different validationgroups for all the validators.
Say if first validation group fails to validate then i want to expand the first CollapsiblePanelExtender1, similarly if second validation group fails then i want to expand second CollapsiblePanelExtender2.
I have a page that has a few controls inside a CollapsiblePanelExtender. What i need to do is save the state of the CollapsiblePanelExtender so that its easier for the user when they comeback to the page.
How would i go about saving the state of the CollapsiblePanelExtender to a cookie each time its expanded or collapsed?
