AJAX :: CollapsiblePanelExtender Not Work In IE?
Jun 9, 2010in DotNetNuke module,i tried CollapsiblePanelExtender, it work fine with FF,it alway explan with IE?
View 1 Repliesin DotNetNuke module,i tried CollapsiblePanelExtender, it work fine with FF,it alway explan with IE?
View 1 RepliesI 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.
Iam trying to use a UserControl named CheckBoxControl as value for the ExpandControlID/CollapseControlID attributes of the CollapsiblePanelExtender. It works fine when I use a normal CheckBox instead.
<uc:CheckBoxControl ID="ucHaftpflicht" runat="server" OnCheckedChanged="UpdateStatus" ControlLabel="Haftpflicht" />
<asp:Panel ID="HaftpflichtPanel" runat="server">
</asp:Panel>
<asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender" runat="server" CollapseControlID="ucHaftpflicht.CheckBox" ExpandControlID="ucHaftpflicht.CheckBox" TargetControlID="HaftpflichtPanel" />
When I run the site, most ajax controls on my site disappear and I get following errors in firefox script error console:
Fehler: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.
Fehler: Sys.ArgumentException: Failed to find element "ucHaftpflicht.CheckBox"
Parameter name: CollapseControlID
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
View 3 RepliesOn 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.
[Code]....
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:
<asp:Panel ID="panelPetInfoExtender" runat="server" Width="100%">
<span>Pet Information</span>
<asp:Image id="img1" runat="server" ImageUrl="collapse_blue.jpg" />
</asp:Panel>
<asp:Panel ID="panelPetInfo" runat="server">MY PET</asp:Panel>
<asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="panelPetInfo" EnableViewState="true" ExpandControlID="panelPetInfoExtender" CollapseControlID="panelPetInfoExtender" Collapsed="true"
ImageControlID="img1" ExpandedImage="collapse_blue.jpg" CollapsedImage="expand_blue.jpg" />
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?
I have 4 components in my website .
1.) A.aspx
2.) B.aspx
3.) c.ascx
4.) d.js
here is the sample code of my c.ascx
<form
id="form1"
runat="server">
[code]...
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
View 4 RepliesI 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.
The aspx.cs code:
[Code]....
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.
View 6 RepliesI have this CollapsiblePanelExtender (below) the problem is that in firefox it gives a horizontal scroll bar under the control which has to expand.
[Code]....
Below is the generated HTML
[Code]....
If I remove the "overflow-y:hidden" from the generated div then the scroll bar goes away, which is what I want....
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.
[Code]....
I've read in a few places that this should close a collapsible panel:
To open: cpe1.Collapsed = true; cpe1.ClientState = "true";
To close: cpe1.Collapsed = false; cpe1.ClientState = "false";
But it doesn't seem to work from me...
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?
<asp:CollapsiblePanelExtender ID="collapsibleSkills" runat="server" Collapsed="False" TargetControlID="panelSkills" CollapseControlID="lblSkills" ExpandControlID="lblSkills" CollapsedText="[+] Skills :" ExpandedText="[-] Skills :" TextLabelID="lblSkills"
/>
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 following code:
Main.aspx:
[Code]....
So here I just make my repeater and put a custom control in it.
Message.aspx:
<asp:Panel ID="CommentsPanel" runat="server">
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.
View 3 RepliesI 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?
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.
View 2 RepliesIf I have 5 CollapsiblePanelExtenders on page and I want open second one I want close the first one and then open second one...How??
View 2 RepliesThe CollapsiblePanelExtender looks like this:
<cc1:CollapsiblePanelExtender
ID="CPExtender1"
...
CollapsedImage=" [path to image] "
...
/>
I do not know how to do it this way:
<cc1:CollapsiblePanelExtender
ID="CPExtender1"
...
CollapsedImage=" [method call] "
...
/>
I have tried this:
CollapsedImage="<%# Eval( Namespace.Class.GetHelpImage() ) %>"
That DataBinding does not return the path to the image using a method call so I test the GetHelpImage() method call and learn it does not return the path as text.
I know the path to the image is correct because I can paste the text into the CollapsiblePanelExtender CollapsedImage property and the control will find and display the collapsed image.
// this method call does not return the text for a path
// so I am not even doing this correctly either.
public static string GetHelpImage()
{
return "[known path to image]";
}
// Image to test getting text from GetHelpImage() method call
<asp:Label ID="TestGetImagePathLabel" runat="server"
Text="<%# Eval( GetHelpImage() ) %>"/>
I'm doing this all wrong. Where's a blogged example of how to populate the control using an expression?
I m trying to use collapsible panel extender from ajax toolkit in order to collapse and expand gridview.I have written the aspx page for it..but when I am running the program i m not able to view the grid in expandable and collapasable form ...it is displayed in a normal way...
I am not getting where i m getting wrong...
here is my aspx page...
[Code]....