Have Two Collapsible Panels On Page?
Nov 9, 2010Have 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 RepliesHave 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 RepliesI have a page that has the layout seen below (Keep in mind this screenshot is from another one of posts) so it has explanations about that issue and not this new post. But I cant create a new image, so it will work to show what I am having issues with. When you arrive to the page you get the first in the image below. The DVR search is already expanded and you can select a name and search or chose a different type of type. I have the gridview below tied to my objectdatasource which works great and was working great until we added the collapsible panels. If I perform a search on DVR name, results are returned in the image view and everythign works. I can then change to List view and that works great.. gridview binds and all functionality works. But the issue now is if I click on the "Date Search" link on the Search Options menu, my panels expand and collapse as expected now that I clicked Date Search, I enter my dates adn click search and results are returned..
Then the issue is that sorting doesn't work. But it does work for the initial search IF performed by the DVR Name. Searching by DVR name sorting and paging works.. but i change to another panel and hit search, the gridview is updated with new results but the sorting doesnt work. I receive this error when I try the date search.. same for All other searches except the first one. Is having the textboxes within a collapsible panel causing my issue? Error message when I click a column to sort on. But like I said, if I just do a search using the first open panel which is the DVR name, sorting works fine. ObjectDataSource 'ObjectDataSource1' could not find a non-generic method 'SelectInfo' that has parameters: sdate, edate. Here is my gridview control code..
[Code]....
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 RepliesI 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;
}
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 RepliesI am creating varying number of datatables depending on user submitted query. I want to dynamically create collapsible panels for each datatable.
<asp:panel id=pnltitle1>dt1.rows(first row)</asp:panel>
<asp:panel id=pnlcontent1>dt1.rows(remaining rows)</asp:panel>
<asp:panel id=pnltitle2>dt2.rows(first row)</asp:panel>
<asp:panel id=pnlcontent2>dt2.rows(remaining rows)</asp:panel>
<asp:panel id=pnltitle3>dt3.rows(first row)</asp:panel>
<asp:panel id=pnlcontent3>dt3.rows(remaining rows)</asp:panel>
I can't figure out why these collapsible panels are losing their white space inbetween each header after the panel is collapsed.
[Code]....
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 RepliesI 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?
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.
I am using asp.net 4.
I need set up for all Panels WebControl for a page their visibility to false like
uxTypesDisplayer.Visible = false;
I need to setup visibility for all this panel without mention the single ID for every single panel.
I'm using ajax 3 tab panels on my web page, whenever my web page is loaded i need to disable rest 2 tabs (to grey out with no click events).
when i tried to do this from server side, the tabs are completely hidden instead of disabling. My actual requirement is to use tab container as asp wizard control.
i'll be having form fields in my first tab with submit button, when the submit button is clicked, then the disabled second tab will be enabled and in the the second tab when submit button is clicked the third tabpanel needs to be enabled just as a wizard control.
i can use wizard control but, i'vent found any styled asp.net wizard control. How can i disable rest of the 2 tabs when the page is loaded.
i have 3 update panels on the same page with labels that are showing different countdown and i want then to run separate from each other. I've tried to use timer control that triggers each of them separatley with limitations in ontick event., the coutdowns are strating but after a few seconds are stoping and i don't know why.i'm not using scripts. I want to run like those on mafia wars on Facebook when something is done to start one contdown and something else other timer.
View 3 RepliesI have used Master Pages with ASP.Net for some time. I have been able to develop Master pages with header and footing content but never sucessful with side panels.What this project needs is a Main Master page with header and footer contents. Then another master page that uses the first master page and has it's content of the left side of the remaining middle. The Detail will go to the right with the left master content about one third and the detail about two third.
View 1 RepliesI'm trying to show/hide panels in a masterpage depending on what page the user is on.
I was trying this..
[Code]....
But it didnt work.
I'm trying to hide all panels on a page, when a button click occurs.
This is on a web content form, within a master page.
The contentplageholder is named: MainContent
So I have:
foreach (Control c in Page.Form.FindControl("MainContent").Controls) {
if (c is Panel) {
c.Visible = false;
}
}
This never find any panels. The panels are within an Update Panel, and I tried
foreach(Control c in updatePanel.Controls) { }
and this didn't work either. I also tried :
foreach(Control c in Page.Controls) { }
and that didn't work either.
I have four panels on a page, each with a submit button. I want to warn the user when they move from one panel to another without having submitted any changes from the first panel. I've worked this out in Javascript but it would be better to do on the server side, and disable all submits except the panel with changed content. How would I do this? With a Sub that responds to ontextchanged? Or with comparison validator? Or some combination of the two?
View 6 RepliesAnyone know of a way to read out in a list all of the UpdatePanel Client ID's I have on a page? Basically I need to loop through all controls in the page with a type of UpdatePanel, and display the ClientID for each..
I have four update panels on this page and I am using this
private string LoopUpdatePanel(ControlCollection controlCollection)
{
StringBuilder sb = new StringBuilder();
foreach (Control control in controlCollection)
{
[Code]....
I have a update panel on the ASPX page,When thepage loads the content in the update panel shouldnot load ( Update panel should show the Updatepanel progress control) but after page load update panel contents should load . How do i get this efect.
View 3 RepliesI have a series of collapsible panel extenders on my page and each time the page opens or postsback the panels open for a time and then close. Is there a way to prevent this?
View 4 RepliesI was wondering if anyone knew if it was possible to control a collapsible panel with a drop down list?
For example. Say the drop down list has options, 1, 2, 3, 4. I want to hook up panels that go to each option. So when the user selects 1, panel one is shown, when user selects 4 panel 4 is shown.
Is there a way without using AJAX and the collapsible panel to create the same effect wtih only CSS?
View 2 RepliesI 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 RepliesI want to create GridView in which Header Panel shows Partial Detail and then complete detail will be shown when click on that panel.
View 2 RepliesI'm developing an ASP.NET 3.5 web application using C# with AjaxToolkKit. I have a following question.
How can I put a collapsible panel inside GridView to make a master and detail list that expands to display the detail panel when view link in a row is clicked? This is something similar to the download list in MSDN page.