AJAX :: Collapsible Panels - Map Doesn't Show Up Properly Within Container When Content Panel Extended
Jun 11, 2010
I have implemented a collapsible panel which works properly. It collapse and it extends the content panel when the link corresponding to the information panel is clicked. Within the content panel I have an HTML table control containing several rows and columns. Within one of these columns I have added a container (a <DIV> tag) holding a Google map. Here is the issue:
The map does not properly show up within the container when the content panel is extended. It appears to be shifted to the left, not centered as it should be. Therefore, any attempt to place a point mark on the map (centering the map over that point mark) is unsuccessful since the map doesn't show properly in the container so the point mark is not visible. Even if I drag the map with the mouse within the container, it always reposition at a bad location. If I comment out the extender, leaving the panel as is, the maps shows properly within its container. It is the collapsible panel extender which makes the layout to be incorrect.
View 2 Replies
Similar Messages:
Aug 15, 2010
I have a collapsible panel on my page that has been working up until yesterday. I have no idea what changed, however, it is no giving me the following error.
Microsoft Jscript runtime error: 'Sys.Extended.UI' is null or not an object.
Below is the code for the Collapsible Panel, however, I don't think it has anything to do with it since it has always been working.
<asp:CollapsiblePanelExtender
ID="cpeStandardInformation"
runat="Server"
TargetControlID="pnlCreate"
ExpandControlID="imgStandardInformation"
CollapseControlID="imgStandardInformation"
Collapsed="False"
ExpandedImage="~/images/Minus-Green-Button.png"
CollapsedImage="~/images/Add-Green-Button.png"
SuppressPostBack="true"
ImageControlID="imgStandardInformation"
/>
View 3 Replies
Feb 25, 2010
last time they helped me fixing my problem of executing my JS with asp.net. now i have another problem, i have placed the Java sript at the end of the content place holder no problem with that. as sson as i put "OnClientClick ="MyFUnction" in the TabPanel4 parameters..and i run the application.. the whole tab container does not show at all... when i remove the "OnClientClick ="MyFUnction" i have my 4 tabs back and showing..
View 2 Replies
Apr 14, 2010
I am having trouble wiht my AJAX collapsible Panel Extender. I have the CPE opening a panel that contains the Table of Contents of a document being displayed on the page. A user clicks on the link for a certain part of the document, the event triggers a C# function that gets the file that particular section is contained in an displays the section. Right now you have to, of course, click on the TitlePanel to open and to close the CPE. What I want to do is have it close automatically whenever a link inside the content panel has been clicked. I have tried placing this.cpeTOC.Collapsed=true; in the functiion that gets the files but it does not work. I have also tried the autocollapse property of the CPE and it just collapses whenever someone moves thier mouse from the titlepanel.
View 1 Replies
Feb 15, 2011
I am using collapsible panel and it's working fine in IE. But in firefox it cut off content from bottom. What should be the solution to this.
View 1 Replies
Jun 29, 2010
Here is my code. The only problem i am facing is that header panel does not expand after a button in content panel postbacks.
The header panel returns to its original state i.e. collapsed but doe not expand on clicking it.
[Code]....
View 4 Replies
Mar 11, 2011
I am trying to save HTML content in a database. I have it stored properly but when I try to call it and display it on a page using a literal or label control, it does not show the content properly. It will show the text but not any HTML content (i.e. checkboxes, images, hyperlinks, etc)
View 9 Replies
May 20, 2010
What would be the way to show a treeview in MVC - I realise from looking around that there is no real way of doing this without using jQuery. I have a model which contains multiple levels of data and need to display this in a hierachical way - can anyone point me in the right direction - I have googled and searched a fair bit but not came across anything useful as yet. I could really do with using the Ajax collapsible panel control - is there any way to use this in an MVC view?
View 3 Replies
Jun 21, 2013
I want to show model popup, I have One asp page in that Collapsible Panel and tow user control and one button, Suppose I click on button then show the model popup and hide the panel and user controls..
View 1 Replies
Oct 22, 2010
Just setup the collapsible panels, there are different fields within the panels that are required. When i submit the page, i get my validation summary, but if the panels are closed, then i cant tell which fields are failing.. so i wou,ld have to open each panel up again to see where i missed something. Is there anyway to have the panels open up if there are any controls that failed validation?
View 2 Replies
Jul 6, 2010
I have 2 collapsible panel. The first panel is expanded by default and second panel is collapsed. When I insert a user control in the first panel (about 650px height) it displays it but the content overflows into second panel header. I have autosize to none and height to 0px in the cssclass.
The content section in panel is not expanding to fit. However if any place any amount of static text it works perfectly. Also when I collapse the first panel the rest of the panel is disappearing when an user control is used. Am I missing something. The same problem when I tried to used ajax accordion
<asp:CollapsiblePanelExtender
ID="CollapsiblePanelExtender1" runat="server"
TargetControlID="PanelContentMain"
ExpandControlID="PanelTitleMain"
CollapseControlID="PanelTitleMain"
Collapsed="True"
TextLabelID=""
ExpandedText=""
CollapsedText=""
ImageControlID="Image1"
CollapsedImage="Images/accordion_active.png"
ExpandedImage="Images/accordion_active.png"
SuppressPostBack="True" >
</asp:CollapsiblePanelExtender>
<asp:CollapsiblePanelExtender
ID="CollapsiblePanelExtender2" runat="server"
TargetControlID="PanelContentAddress"
ExpandControlID="PanelTitleAddress"
CollapseControlID="PanelTitleAddress"
Collapsed="True"
TextLabelID=""
ExpandedText=""
CollapsedText=""
ImageControlID="Image1"
CollapsedImage="Images/accordion_active.png"
ExpandedImage="Images/accordion_active.png"
SuppressPostBack="True" >
</asp:CollapsiblePanelExtender>
THe header and content
----------------------------------
<asp:Panel ID="PanelTitleMain" runat="server" CssClass="collapsePanelHeader">
Application Information
</asp:Panel>
<asp:Panel ID="PanelContentMain" runat="server" CssClass="collapsePanel" >
<ucpers:ucpspers id="ucpspers1" runat="server" />
</asp:Panel>
<asp:Panel ID="PanelTitleAddress" runat="server" CssClass="collapsePanelHeader">
Contact Address Information
</asp:Panel>
<asp:Panel ID="PanelContentAddress" runat="server" CssClass="collapsePanel">
Contact Address
</asp:Panel>
The css
-------------
.collapsePanel
{
width:640px;
height:0px;
background-color:White;
overflow:hidden;
background-color: #E7FBFB;
border: 1px double #2E4d7B;
}
.collapsePanelHeader
{
width:640px;
height:20px;
color:Black;
background-color:#DDBF7D;
font-weight:bold;
font-size: 12px;
font-family:Arial,Verdana;
padding:5px;
cursor:pointer;
vertical-align:middle;
overflow:hidden;
border: 1px solid #b85dc3;
cursor: pointer;
}
View 2 Replies
Oct 8, 2010
I have a page that has 3 nested repeaters. For the first two repeaters, the repeater's ItemDataBound event binds the next lower repeater. This works fine for the data that I have, but causes a large amount of data to load all at once on Page_Load. Is it possible to use collapsible panels with nested repeaters in such a way that the data only loads when the user clicks a particular linkbutton?
View 3 Replies
Aug 29, 2010
I can't figure out why these collapsible panels are losing their white space inbetween each header after the panel is collapsed.
[Code]....
View 4 Replies
Feb 20, 2011
I would like to make a table with 2 columns. The first column would have 4 buttons, and when you click on one of the buttons, some
collapsible panels would appear in the right column. These could be populated from a database. When you see a collapsible panel, it
would have only a few lines of text, but when you clicked the title at the top of the text (still in the panel) the panel would expand.
Is this possible with drag and drop controls, or does it need real programming on my part?
View 1 Replies
Jan 11, 2011
I am using CollapsiblePanelExtender and there are few controls within the panel which need to be shown on expanding the panel. Controls are in three different div within the panel.
Problem:
On expanding panel, IE page scroll bar position doesn't go down upto third div and i can see the controls upto second div. I have to scroll down the page to see all the controls.
Is there any way if i can see all the div controls on expanding panel instead of manually scrolling down the page?
View 2 Replies
Sep 15, 2010
I have a user control (ascx) vs 2010 that contains a modalpopup extender thats popup control is an asp:panel. In that Panel I have an update panel and a contenttemplate inside the upd panel. It is a pretty simple example of its use, in that I have list box allowing the users to create a new row in a table.
However, when I click targetcontrol, the background changes to the expended modal background, but instead of being able to use the listbox, everything in the content panel is the same as the background and none of the controls on the panel are enabled. In other words, the entire page is loaded dimgray, including the updatearea.
View 6 Replies
Nov 10, 2010
i try to use ajax tab container control in my project, but it throws error. its not working properly
View 3 Replies
Jul 23, 2010
I debugged my code and it sets the visible to true and it doesn't show up in view/source either. PnlError is the one not displaying...
[Code]....
View 8 Replies
Jan 7, 2011
I need to solve a problem with showing some gridviews in a web page. Initially I wanted to have a series of buttons on top of each gridview and have the page loaded with all gridviews set on visible=false and then change to visible=true at the click on the corresponding button. This is though quite boring to do since I have around 50 gridviews and I would need to keep track of each gridview status and preserve that status for each click (postback). I was wondering if having the gridview in a collapsible panel was a better solution, however I'm not sure how I am supposed to add the gridview into that collapsible panel.
View 2 Replies
Nov 9, 2010
Have two collapsible panels on my page. When I open the top one (which has a panel and txtbox/label controls) it doesn't push down the other collapsible panel. It just covers it.
View 10 Replies
Aug 29, 2010
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.
View 17 Replies
Nov 8, 2010
I have a gridview where I have added Collapsible panel extender. When I am running Its working fine for 1st Row. but when I click in 2nd row, Nothing happens. Below is code.
[Code]....
View 2 Replies
Oct 20, 2010
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
[Code]....
I am getting the following error:
Microsoft JScript runtime error: Sys.InvalidOperationException: Two components with the same id 'cpe' can't be added to the application.
View 6 Replies
May 18, 2010
I've implemented a Collapsible Panel that works great, except that if it is collapsed, it expands on postback. How can I get it to maintain state (collapsed if client collapsed, expanded if client expanded)?
[Code]....
View 2 Replies
Nov 30, 2010
var newcpe = $find(cpe);
newcpe._doOpen();
I am using the above code to open the collasible panel. But its working in IE only. Not working in mozilla. But I can get the collapsible panel id in both the browsers by alert(newcpe);
View 4 Replies
