have 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 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 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 creating an accordion, and I want to dynamically set the height of each panel in the accordion. It seems though that each panel has to have the same height, as when I have changed the height of one of the panels, the other panels change to the same height.I have been setting the height of the table object in the div to do this.Is it possible to give each accordion panel a separate height, and if so how?
View 2 RepliesI have a panel at the top of my page which contains some cascading dropdown lists. Once the user selects from the lists, they will click a 'Search' asp.net button and a gridview will appear below showing the search results. What I want to do is use JQuery to toggle the visibility of the search panel. I tried using the Ajax collapsiblepanelextender but ran into all kinds of problems, because there are many updatepanels and ajax extension controls on this page. It sounds so simple, just hide or show, but I can't get it to work. When I click the button, the panel hides. When I click it again, the panel does not reappear. I have also tried having 2 buttons, 'hide' and 'show', and had the same results. right now here is my code:
javascript:
$(document).ready(function() {
$("[id$=btnHideSearch]").click(function() {
$("#<%= Panel1.ClientID %>").fadeOut('slow');
});
});
$(document).ready(function() {
[code]...
i am creating a menu which has the below structure. what i would like to do is use a jquery ui accordion control.
can i place an accordion in an accordion?... i.e. menu 1 expands out in an accordion and then the sub menus in menu 1 need to expand out in another accordion.
menu 1
sub menu of the menu 1
menu item
menu item
menu item
sub menu of the menu 1
sub menu of the menu 1
menu 2
sub menu of the menu 2
menu item
menu item
menu item
sub menu of the menu 2
sub menu of the menu 2
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 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 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 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 have 2 update panels where the server-side button (in a jQuery accordion) in the first update panel should update the second update panel.When the button is clicked, jQuery hides the accordion and displays a results div. This all works fine client side to be fair to IE. The server-side onclick event does not fire though in IE. In Firefox it does! The first update panel is displayed below, here the "btnGenerateReport" event should fire server side.
[Code]....
To add confusion ... if I comment out '$accordion.toggle($effect);' lines then the second update panel does get updated.I'm not sure what other information I can give here. I'm stumped as to why this works with Firefox and not IE.
I have a panel that i can turn on and off. Within this panel i have a div with style attached to it. My problem is when i turn the visible of the panel to false the style of the div is still there. What the solution to this?
<div id="ctl00_FullContentRegion_xFormRightPanel">
<div class="contactform form-orange" style="float: right; margin-left: 10px; width: 462px;">
</div>
</div>
HTML:
<asp:Panel ID="xFormRightPanel" runat="server">
<div class="contactform form-orange" style="float: right; margin-left: 10px; width: 462px;">
<EPiServer:Property ID="Property3" PropertyName="XformRight" runat="server" />
</div>
</asp:Panel>
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 have a radioButtonList with 2 items in it. A radiobutton with a "Yes" value and a radionButton with a "No" value.Below that I have a panel which I want made visible when "Yes" radioButton is selected and hidden when "No" is selected. I had originally implemented this using the AutoPostBack attribute but I want to do it in Javascript so that it doesn't cause a postback. Here's the code.
<asp:RadioButtonList ID="rbl1" runat="server" onClick="changed(this);" >
<asp:ListItem Value="Yes">Yes</asp:ListItem>
<asp:ListItem Value="No">No</asp:ListItem>
<asp:Panel ID="panel1" runat="server">
<--other controls here -->
</asp:Panel>
[code]...
What is the best approach to show and hide an asp panel which is containing other controls like textbox and label controls
View 2 RepliesSomebody posted a similar question recently, but I am having trouble figuring out the solution. I want to be able to create a View All panel in an accordion. This is the answer posted :
[Code]....
What is the opposite of this syntax (I am looking to deactivate an accordion section, rather than activate one)?
[Code]....
i designed the code like below
within Accordion pane i have 3 textbox and 3 DDL, when i click the button(this button is outside of the acccordion) it has to read the data from the Txt and DDl's but its not read the data, if the Txt, DDL outside of accordion then its reading the data.how to read the input control data within Accordion using JQuery?