AJAX :: Disabling The Other Accordion Panel To Hide When Other Is Selected?
Aug 31, 2010I am having a ajax accordian, my problem is that when a accordian panel is selected the other hides so how can i disable this behaviour..
View 1 RepliesI am having a ajax accordian, my problem is that when a accordian panel is selected the other hides so how can i disable this behaviour..
View 1 Replieshave several Accordion panel and each one contains a datalist of hyperlinks, that when clicked will append a querystring to the current URL. What I'm trying to do is after the pages reloads or after clicking a hyperlink I want that datalist together wit its corresponding accordion panel gone. I'm using a single file for the markup and code btw.
View 3 RepliesI've written a nice page with accordion element in it, but I've found that on some browsers, with some setting- the accordion won'trespond to clicking on it. So, what I get is an accordion that shows headers, but clicking on them won't open the data.What I'm guessing is that the sliding effect is blocked for some reason.What I'm trying to achieve are this two:1. Cancel the sliding effect so the data will show right-away, thus answering the problem caused by some browsers2. Cancel It only when the page detects that there might be a problem. (I'm not quite sure what setting I am looking for).Obviously, 1 is quite more urgent. If 2 is not solved I geuss I can use 1 for all the cases, but still- If anyone could find answer for 1- that would be great.
View 2 Replies[Code]....
Disabling Accordion Pane in Chrome Browser?
I have an UpdatePanel and inside that I have an Accordion and several panes. From the first pane i can push three ImageButtons. Each imagebutton will load a control into a Placeholder in another Pan - still in the same accordion though.
The problem accur when I push the buttons. After two or three push the buttons will stop responding and nothing gets loaded into the Placeholder.
[Code]....
I am working on the JQuery accordion control. My accordion has upto 8 panels that i need to display when the pageload happens. From those panels i have 2 panels that i need to show based on the provider type. that is., If (ProviderType == "Prime") then hide panel2 Else hide panel3. ex: panel1, panel2/panel3, panel4, panel5, panel6, panel7, panel8. So my question is, I am actually new to this JQuery and I am not sure how to hide the panel content with the headers as well. I dont even want to show the header(i.e., panel2/Panel3) So,I have to display only panel1, panel2, panel4, panel5, panel6, panel7, panel8 (if providertype is prime)
View 1 RepliesI have a nested accordion control for categories and sub-categories with a gridview to display the data. What I am trying to do is to hide the "Header Template" when sub-category is "Not Defined" but the results are usually inconsistent and seems like if i define HeaderCssClass, HeaderSelectedCssClass declaratively then it overrides the conditional css styles defined in code (c#) for OnItemDataBound event whereas if I don't define declaratively then css in code is not consistent.
I am not sure how to approach this or if I am using the correct event for this.
In the code - I used label's forecolor proprtery to match to the background as a workaround for now but not happy with it.
I can set lblSubHeaderId.Visible = false; which works consistently but then I still have this predefined HeaderCssClass, HeaderSelectedCssClass which is still shown as a placeholder/ just a horizantal line for the headers where lblSubHeaderId is set to false.
My structure is:
--AccordionCategory
-- AccordionSubCategory
-- Gridview
And here is some code:
[Code]....
I am using an accordion control in my web page. I am trying to hide the header of the active pane so users do not see the text in the header and only the text in the inactive pane is shown
If a user clicks the Header of the inactive pane then the Header of the first pane is shown ( as usual) but the header of the now open second pane should not be visible
Should this be done using java script (making us of the selectedIndexChanged event of the accordion or css.
If using Java script how can the header of an accordion pane be accessed.
I have an accordion control in my web site. And in one of the panels, I have a drop down list box where, when the user selects an item, it updates the labels right below the ddlistbox. I have it so that it maintains the scroll position when the ddlistbox has an autopostback, but it's very obvious that the whole page posts back. My question is, can I/should I just enclose the ddlistbox and the labels (and a couple of text boxes) in an AJAX update panel? I already have a ToolScriptManager (because of the accordion control), so I don't need to have another script manager, right? I can just put the update panel (with the other controls inside of it) right in the accordion panel, right? Then when the ddlistbox posts back it won't have the delay of the whole page posting back? And it'll still execute the event handler for the listbox selection change? Does this sound right? I'm just looking to make the post back "invisible", and I would like to do a partial postback of just these few controls.
View 4 Repliesi write following code for accordion panel but its not open on page .....
<asp:Accordion ID="Accordion1" runat="server"
BorderColor="Black" RequireOpenedPane ="false" SelectedIndex ="-1"
HeaderCssClass="acco_header"
style="margin-left: 151px; top: 387px; left: 47px; position: absolute; height: 175px; margin-top: 0px;"
Width="322px" >
<Panes>
<asp:AccordionPane ID="AccordionPane1" runat="server" HeaderCssClass ="acco_header" ContentCssClass="acco_content" Width="100" Height="28" BorderColor="Black">
<Header>
Forgot Password
</Header>
<Content>
<h4>E-mail:</h4><asp:TextBox ID="text1" runat ="server" Width="150" Height="25"></asp:TextBox><br /><br />
<asp:Button ID="Button3" runat ="server" Text ="Submit" OnClick = "Button3_Click" BackColor="#FFDB70"/>
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
I have a question about the accordion control, I have a listbox with a list of options, the user can select items of the listbox and add this to the accordion, now I want the option to quit items of the accordion, but I can't get the selected pane to catch the ID of the selected item and delete it. I do a checkbox in the headers, but how I can do that the checkbox get the values of the pane selected?
there is the code:
[Code]....
I have used an accordian extender in my page as
<cc1:Accordion ID="Accordion1" runat="server" AutoSize="None"
FadeTransitions="true" FramesPerSecond="40" SelectedIndex="1"
TransitionDuration="250" CssClass="accord">
<Panes>
[Code]....
In normal case both header texts (More search options and less search options) are visible.I want only one header text is visible at a time.ie;either more search options or less search options.
can we write code in accordian selected index changed?
I have an accordian panel that runs fine when the user clicks on the header text. The problem now is I need to have the tab event fire the event that opens the accordian panel.
[Code]....
i have an accordion panel that is loading its values from a datasource, which is working fine. let's say it loads the 50 states from the states table. now inside each accordion panel, when expanded, i want to load a gridview with details of that specific state. also, i want to pull all the cities into another gridview from the cities table with stateID=@stateID.
i know this should be simple, but how do i pass the value of the stateID to the datasource of cities gridview? what is the syntax?
the abbreviated code i have so far is:
<cc1:Accordion ID="Accordion1" runat="server" DataSourceID="StatesDataSource" >
<HeaderTemplate >
<asp:Literal ID="ltrHeader" runat="server" Text='<%# Eval("name") %>'></asp:Literal>
</HeaderTemplate>
[Code]....
i have multiple collapsible panel extenders in single page
what i want is when one panel is expanded others if open become close
I have an accordion which contains a dropdownlist. In my code behind I'm trying to get the value selected by the user. I've tried so many different ways but couldn't get it to work. The latest one I tried was: (accordion1.FindControl("ddlGender")).ToString or
if Request.Params.Item(ddlGender.UniqueID).Length <> 0 then
I have webform with 4 textboxes in a panel and next to that panel a panel with an accordion with 4 panes in it.
Without a refresh on every click, I would like to set the index of the accordion on the click in a textbox.
so if the user puts the cursor in the first textbox, the first pane is expanded, if he clicks in the 2nd, the second pane is expanded, etc..
I tried it with:
txtRequestorName.Attributes.Add("onclick",
"javascript:$find('InfoRequestorAccordion').set_selectedindex(1); ")
but that is not working. Is there another way or is it just not possible?
rg,
Eric
I have page
Page contains an accordion control and tab container controls
In my WebForm I hv used an accordion and this accordion is in an UpdatePanel with UpdateMode="Conditional" .
In that accrdion , in last pane i hv a fileupload - when i select a file and click upload button then always the fileupload control has no file and it returns false everytime .
I have written trigger in UpdatePanel also still it doesn't work. Without updatepanel fileupload control works properly, this problem arise after i use UpdatePanel...
<asp:UpdatePanel ID="Acc_UpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="acc" runat="server" style="position: inherit; height: auto;">
<div class="clear">
</div>
<div id="basic-accordian" style="border-radius: 4px;">
[Code] .....
I am working on a functionality of user right, in which admin is selecting the pages and the user and save it. so whenever that user will login into the system then he will be able to see only those pages which were selected and saved for him by the admin.
now for that i have created one page for the list of pages of the application and user list and i am storing them into the database. and then to hide and show the panels i have created the BaseWebPage in my application but here i am not able to get the master page to hide the panel and show only those which are permitted. i dont have much knowledge of BaseWebPage. i am working in framework 2.0 and i have links of all pages that i have shown in a master page in a panel.
I have a panel displayed using modalpopupextender, which contains buttons that i want to hide before results are displayed.
However, using button.visible=false cannot work. I do not know the reason for it. Do anyone know how to hide the buttons in the panel for modalpopupextender?
Listview and findcontrol ans show and hide my panel.
I would like to show a faq-area with many questions and answers. If the page was load, i will show only the questions. Now the user can click the button show, then my panel must be visible = true and the answer of the clicked question was shown.
How can I realize this?
My proposal is this code, but it does not run.
[Code]....
I would like to make a custom accordion, in which I have 2 panes, but where you couldn't open the second one until you clicked a validation button in the first one that would open the second...
I tried to just make a button that would hide the first pane but I cant get to make it work.
[Code]....
[Code]....
I'm using the following span to open a page in a new window. What is INCREDIBLY odd is that it is exactly the same code from three different pages, but the first refuses to open in a new window. The only difference is that the first example resides within an Ajax Accordian Panel so I suspect that it might be an Ajax related issue.
[Code]....
I need to remove the selected row in listview without affect the database in button click event.
View 1 Replies