.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Post New Web Links

Stacked collapsible panels lose spacing after being collapsed

Posted By:      Posted Date: August 29, 2010    Points: 0   Category :ASP.Net
Hi all- I can't figure out why these collapsible panels are losing their white space inbetween each header after the panel is collapsed.    CSS: .collapsePanelHeader { border: 1px solid #333333; color: #333333; background-color: #e5e5e5; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } .collapsePanel { height: 0px; background-color: #ffffff; overflow: hidden; border: 1px solid #333333; border-top: none; padding: 5px; padding-top: 10px; }  Panels: <div> <asp:Panel ID="HeaderPanel2" runat="server" CssClass="collapsePanelHeader">   Category 1 <span class="alignRight"> <asp:Label ID="collapseStateTextLabel2" runat="server" CssClass="labelInsidePanelHeader"></asp:Label> <asp:Image ID="HeaderImage2" runat="server" /> </span> </asp:Panel> <asp:Panel ID="ContentPanel2" runat="server" CssClass="collapsePanel"> <asp:TextBox ID="TextBox2" runat="server" BorderStyle="None&

View Complete Post

More Related Resource Links

collapsible panels

Hiiiiii Coders,  I want to create collapsible panels in css and html. Means that there should be html link and when i click over it, it should be collapsed and expand. Also  at a time, one panel should be opened. How can i get this using html and css. Is there ank kind of article that can guide me this? plz rep me as soon as poss thanx and regards 

Collapsible Panels and Repeaters


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?

Thank you.

Collapsible panels with validation


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? 

Office Development: Manage Metadata with Document Information Panels


Here the author uses Document Information Panels in the Microsoft 2007 Office system to manipulate metadata from Office docs for better discovery and management.

Ashish Ghoda

MSDN Magazine April 2008

Panels messing up page layout



On a few different pages in my web app I have a scrollable panel that contains a gridview. When there is nothing in the panel display as I want it to, however when the grid view is populated with data it stretches the panel across the page which looks awful, it means the panel is partially stretched across the window but is still scrollable

Anyone know why this might be happening?



need your help regarding table and database.. without data lose



I have a table like this in database

ItemNo ItemName Qty  

001       A               50       

002       A               20      

003       B               50  

004       C               60      

005       D               40 

006       E               90      

upto it has some 3000 rows in table..

Now what my problem is i have one more field in mydevelopment PC let us consider another column Category

I need to update this column to my client pc without losing 3000 data from table which already exist...

How to do...?

Keep "collapsed" state of CollapsiblePanelExtender between postbacks



I have created a UserControl with a CollapsiblePanelExtender inside. In my Web page, I have a PlaceHolder in which many UserControls are added dynamically at every PostBack.

Everytime my page reloads, the CollapsiblePanelExtenders are expanded, even if they were collapsed before the PostBack. Is there a way to keep track of the "collapsed" state of the CollapsiblePanelExtender ? It seems hard since there is no server event triggered when the panel is collapsed / expanded.

Someone seemed to have the same problem here : http://forums.asp.net/p/1094970/1650425.aspx. I tried his solution (accessing the ClientState of the CollapsiblePanelExtenders using Request.Form) but my values are always null or true, even if the CollapsiblePanel is collapsed before PostBack.

Here is some piece of code :

AUMBlock block = (AUMBlock)Page.LoadControl("AUMBlock.ascx");
//CollapsiblePanelExtender cpe = (CollapsiblePanelExtender)block.FindControl("cpe");
//string clientState = cpe.ClientState;

Stacked Column Chart: Workaround for busted InsertEmptyPoints

I had to struggle with this a bit so I'm gonna share what I figured out. To make a stacked column chart from a SqlDataSource you need to use DataBindCrossTable like this... CHART1.DataBindCrossTable(SqlDataSource1.Select(DataSourceSelectArguments.Empty), "proceso_estado_nombre", "max_fecha_final", "valor", "") Now, each series created needs to be converted to StackedColumn type, which you do like this... For Each series As DataVisualization.Charting.Series In CHART1.Series    series.ChartType = DataVisualization.Charting.SeriesChartType.StackedColumnNext The problem at this point is that the chart wont work if you don't have the same number of points in each series and each set of points should have the same X values. So to fill in the empty points in each series you can use InsertEmptyPoints like this... CHART1.DataManipulator.InsertEmptyPoints(1, DataVisualization.Charting.IntervalType.Months, series.Name.ToString) However, when I did this I got inconsistent results. See below... <Series>    <Series Name="Terminado" Legend="Default" XValueType="Date" ChartType="StackedColumn" ChartArea="ChartArea1" ToolTip="Terminado: #VALY{C0}">      <Points>      

collapsible panel

Hiiii Coders, 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. How can i do so? plz provide some code snippets as soon as poss thanx and regards 

Tab Container, Tab panels with User Controls - bug?

Hello all, I have a aspx page with a tab container, and 5 tabs on it - 4 of which hold user controls on them. I have a strange issue that presents sometimes, and I am not sure just what is causing it. Here is the scenario : there is one user control on each tab. On each of those user controls, there are a number of radio buttons in Update Panels. If a user selects one of the tabs, then selects another tab and clicks on one of the radio buttons on that tab causing a postback, when the page refreshes, the content of the previous tab becomes visible at the top of the current tab, pushing the original content down below it - as if the content of the previous tab has been appended to the top of the current tab's content. Has anyone out there experienced anything like this? What I did to "fix" the issue was simply to go into the aspx code for the tab container, and change the order of the tab panels in the code, something like this :  <cc1:TabContainer ID="tabContainer" runat="server"> <cc1:TabPanel ID="tabFirstTab" runat="server" HeaderText="My first tab" > <ContentTemplate> <uc1:usercontrol1 ID="UC1" runat="server" /> </ContentTemplate> </cc1:TabPanel>

IsVisibleChanged not firing when element is in collapsed parent element

Using the code below, it is possible to change the child grid's visibility in code-behind. However, as long as the parent grid is collapsed, the IsVisibleChanged event will not fire for the child grid even though its visibility actually changes. Is this by design, or am I missing something? I want to be able to change the parent grid's visibility when the child grid's visibility changes, and under these circumstances I have to work around the issue with the non-firing event. <Grid x:Name="LayoutRoot">   <Grid x:Name="grdOuterGrid" Visibility="Collapsed">     <Grid x:Name="grdInnerGrid" IsVisibleChanged="grdInnerGrid_IsVisibleChanged" />   </Grid> </Grid>

Css style is lose

Hi,I have a login page with a css style and it works in the internet explorer.But, when a put the authentication tags in the web.config, the page lose the css style. Why it happening.There is my authentication tags:<authentication mode="Forms"> <forms loginUrl="/GlobalCLient/frmLogin.aspx"   protection="All"   timeout="5"   name=".ASPXAUTH"   path="/"     requireSSL="true"   slidingExpiration="true"   defaultUrl="default.aspx"   cookieless="UseDeviceProfile"   enableCrossAppRedirects="false" /> </authentication> <authorization> <deny users="?" /> <allow users="*" /> </authorization><authentication mode="Forms"> <forms loginUrl="/GlobalCLient/frmLogin.aspx"   protection="All"   timeout="5"   name=".ASPXAUTH"   path="/"     requireSSL="true"   slidingExpiration="true"   defaultUrl="default.aspx"   cookieless="UseDeviceProfile"   enableCrossAppRedirects="false" /> </authentication> &l

Collapsed Grouping in Data View

I have created a data view that groups data to roll-up common items. The problem is that even though I have the data view group properties set to collapse by default, when the user opens the page, the contents are not collapsed by default.

collapsiblepanelextender Collapsed="true"

I have a drop down list, that when a value is selected a collapsible panel extender opens. If the drop down value is not selected, the collapsible panel extender closes.My drop down list and collapsible panel extender are inside an InsertItemTemplate of a FormView. I use javascript to open and close the collapsible panel extender.However, when I set the Collapsed="true" to the collapsible panel extender (as I want the collapsible panel extender closed when the InsertItemTemplate of the FormView opens), the Collapsed="true" appears to override the ability of the collapsible panel extender to open or close. Hence, the collapsible panel extender does not open. I have tried setting the Collapsed="true" server side and client side, but I cannot get the javascript to work when I try to use the Collapsed="true". I have also attempted using the BehaviourID of the collapsible panel extender, but to no avail.Can any one help me to get this working?Here is my code (cut down): My Panel & Collapsible Panel Extender Controls:<asp:Panel ID="PanelAchievementOwnHeadingInsertItem" CssClass="noFlickering" runat="server"> ........... </asp:Panel> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtenderAchievementOwnHeadingInsert" Collapsed="true" CollapsedSize="0"

Collapsible Panel Extender Issue

Hi Everyone,I am facing strange problem when using the Collapsible Panel Extender inside a gridview. It saying control with the same id cannot be added to the application. Please suggest me solution in this regard asap.Thanks in advance...

Collapsible Panel Expand Event Help

I have a series of collapsible panels on a page. Each of them contain a databound listview. I am looking for a way to prevent the massive hit to the DB on page load. I was thinking about holding the databinding until the user expands the panel. But there is no onExpanding event. Any ideas on how I can fire server side code when the panel is expanded?

Stacked BreadCrumb Appearing

Hello, I have a site collection in MOSS 2007 with Publishing Features turned on.  For some reason, when a user goes to create a new page (Welcome page with summary links for ex.), when the page is publilshed; two different breadcrumb trails appear.  Does anyone know why this could be happening?  I have never run against this before.  I have started to filter through the attached CSS and the masterpage and page layout, but everything matches up to my other environment which is rendering correctly. Any thoughts would be greatly appreciated. Sincerely, Tim
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend