I 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 create a two asp panel first for take new message and second for show message
how to set two panel height same using jquery
[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 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 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 a panel and a background image. to stretch this image in the panel if the height is adjusting. I have tried to google this but have trouble find a solution for this.The image has the size: (647 X 158).
The only thing that will change is the height of the panel. Now it does repeat by default. no - repeat will probably only make the image its orignal size wich is not stretching it out over the whole panel.Otherwise I am thinking of change the size of the image itself in C#. [Code]....
how to set the aspx page height and width (automatically )or based on control width and height
View 2 RepliesI 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 table with 3 rows and 1 column each. In each is an asp:panel control, which I believe is essentially rendered as a div. This div has max-height: 500, width: 100%; and overflow:scroll properties on it.Problem is that whenever I try to load the page in IE8, it reverts to compatibility review as it cannot render it. If I remove max-height it works fine.
View 1 Replies[Code]....
How to add width and height using jquery
I believe it has to do with the pixels that cant be converted in this way?
I am checking if the the labels height is bigger than the panels height.
If that is the case, I am trying to set the panels height == labels height.
[Code]....
i have an update panel, which contains a repeater inside. The repeater's data source will change on postback. The repeater will generate a div for each item.
I need to set the height of the div that is generated by the update panel to the actual total height of the div inside the repeater.
I have 2 panels in my page with their height is fixed (ex : Panel1.Height = 200px, Panel2.Height = 300px)
I am using CollapsiblePanelExtender to collapse/expand the first Panel by clicking on an ImageButton.
If Panel1 is hidden, change the height of Panel2 = 300 + 200. And if Panel1 is shown, change the height of Panel2 = 300.
How I can do that ?
I would just simply like to change the size of an image or panel when hovering over it. What is the simplest way to accomplish tha?
View 1 RepliesI 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 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 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] .....
set iframe height and width?
[Code]....
I am trying to use jquery to resize a div containing a 100% height/width image in an asp.net page. I have some code that works fine as a simple html page. Here it is:
[code]....
Anybody know why it's not working and how to fix it?