i m using an ajax accordion control. i m generating the Accordion Pane, header and content dynamically. i have two cssclasses for header. now i want to do is like that for the 1st header there will be different background image then all other headers in the accordion panes. can any one tell me how can i able to do this? is it possible in the accordion control or not?
View 4 RepliesI 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.
iam using ASP gridview. And i declare one label in headertemplate for setting heading of a particular column. How can i dynamicallly change the header text on a particular button click..
View 2 RepliesI am loading an Accorion control dynamically (Used for a menu) and assign the Style in code.
The accordion Header has a default and a hover over style and so does the Content. But it seems like the Content a:hover is used on the Header although i have made sure that i have the Header a:hover also in the CSS. Does any one know if there are something logged like this? Here is my code that dynamically loads the Accordion in the Code Behind
private void loadAccordion(string sMenu,string sHeadingImage)
{
try[code].....
I want to set up an accordion where the user is led through a series of steps and can only get to the next pane once they have filled in all the information. I have already found code to open/close panes, so that will be applied to a button that becomes enabled once the user has filled out all the necessary information. I can't figure out how to disable the header behavior. I took the href off and it still is clickable.
View 2 Repliesi add accordion with button in my page. the problme is that i cant click on this button and get it eventhandler how to fix it?
View 5 RepliesI have a table with a boolean row, I want change the header of the pane with the value of the row, for example, if the value of the row is 0 the header will be red, if the value is 1 the header will be green
View 1 RepliesI have an accordion control with header and content templates. I am binding this control at pageload but, due to the page load time i want to bind the headers only to the accordion in the pageload and when the user click on the header after pageload i want to bind the content to the accordion. I have succeded to add an event to the header but when i clicked on the header page postback is happening even the entire accordion in the updatepanel. Here is the code to ref.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Accordion ID="Accordion1" runat="server" Width="800px">
<HeaderTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" Width="97%" CommandName='<%#Eval("name")%>' OnCommand="getdata"><%#Eval("name")%>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("name")%>'></asp:Label>
</asp:LinkButton>
</HeaderTemplate>
<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
</ContentTemplate>
</asp:Accordion>
</ContentTemplate>
</asp:UpdatePanel>
The getdata method is executing when i clicked on the headerhere is the cs code
public partial class WebForm1 : System.Web.UI.Page
{
string[] names = { "Brand", "Success", "Navigation" };
int[] value = { 10, 20, 30 };
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
DataColumn dc1 = new DataColumn("name");
DataColumn dc2 = new DataColumn("value");
dt.Columns.Add(dc1);
dt.Columns.Add(dc2);
for (int i = 0; i < 3; i++)
{
DataRow dr = dt.NewRow();
dr["name"] = names[i].ToString();
dr["value"] = value[i].ToString();
dt.Rows.Add(dr);
}
Accordion1.DataSource = dt.DefaultView;
Accordion1.DataBind();
}
}
protected void getdata(object sender, CommandEventArgs e)
{
if (e.CommandName == "Brand")
{
((Label)Accordion1.Panes[0].FindControl("Label2")).Text = value[0].ToString();
}
if (e.CommandName == "Success")
{
((Label)Accordion1.Panes[1].FindControl("Label2")).Text = value[1].ToString();
}
if (e.CommandName == "Navigation")
{
((Label)Accordion1.Panes[2].FindControl("Label2")).Text = value[2].ToString();
}
}
}
I need to eliminate the postback from this page. I tried it only accordion on the page then it is working fine(with out postback) but when integrated it with the other code in which again am having some ajax functionality then the post back is occurring.
is it possible to set the backgroung of the header of an accordion to an image?
View 6 Replies<ajax:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="false" FramesPerSecond="30" TransitionDuration="150" AutoSize="None"
RequireOpenedPane="false" SuppressHeaderPostbacks="false"
[Code]....
how to assign text to label in inside accordion header from code behind.
I want to assign text to "lbl_type.text" from code behind
if found some javascript but that is on the client / i need to disable some panes based on values from the database. Ive tried AccordionPane4.HeaderContainer.Enabled = false ; But that has no effect. also is there an event handler so I can swap an image for open / close when someone expands a pane?
View 2 RepliesIn my MASTER.PAGE I have placed an Accordion Extender. If I click on the HEADER, I want to open the Accordion and redirect to another ASPX.Page, which is a child of the MASTER. How can I do this? If have already placed HyperLinks inside the Headers like this:
[Code]....
The first problem is, that Product2.aspx is only loaded, if I click exactly the Link. If I click somewhere else in the Header, the accordion will expand but the Link is not fired. The next thing is, if I click exactly on the Link, the new page is loaded, but the Accordion is set back to the default view (first AccordionPane is expanded) Is there a way to get this done?
I have created Accordion control from database. so basically in the header section I have bind categories and in the panel Bind subcategories. basically now it's working fine. but the important thing what i have to do is if i selected a category on that time it's showing me subcategory in the accordion. but at the same time i have to show subcategory on another page. As well as i have to keep selected header true. Now not getting how to show subcategory on another page and as well as how to keep selected header true.
View 1 Replies The problem is accordion's showed on the page, but doesn't works. I try use code of all examples, but the problem is the same for all of them. I don't understand what to do, because the code is the same as in the tutorials. When I click on the pane it doesn't changing/closing/opening. What can it be?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [code]....
First time using an Accordion Control and I'm having some trouble with the CSS, as per the subject description. I have only created the headers so far and assigned some basic CSS to them. Right now that CSS is only there to limit the width (and therefore clickable area) of the header to the width of the image that the header is represented by. This works fine until I click on one of the headers and then its width property is lost. Same for the other headers, they are fine for the first click and then after that they lose their style. There is no postback caused by selecting a header so this is not the reason that the CSS is being lost.
Here is my html:
[Code]....
I want to bind data to content template of the accordion pane on the header click event of the pane. I can bind data to content template now but it is making unnecessary db calls when it tried to load intially since the data for the content template comes from different source. In order to avoid that i want o bind data to Content template only when the user is interested to look at the data. let me know how can i achieve this. Below is the sample on what on I am trying to do.
View 2 RepliesI'm going through the tutorial on this page, but when I programmatically add the second AccordionPane, the program went wrong. Following is my code and error message.
[Code]....
The error message is: Multiple controls with the same ID '_header' were found. FindControl requires that controls have unique IDs.
How would I create an AJAX Accordion pane from the code behind? I would like the user to be able to click a button to add a new pane to an existing accordion control. However, I can only seem to create one new pane because clicking the button after that causes the old pane to be overwritten. I have this in the button click event:
[Code]....
A new pane is created with the correct content, but then it keeps getting overwritten. I've looked around and have seen similar problems but no answer.
I need to add accordion pane to the gridview dynamically, i.e when i add a new row to the gridview, accordion pane should also be added to it.
View 3 Repliesi need to add accordion pane in gridview for each data in database..this is basically for getting the data from the database to setup like inbox in rediff mail.com..
View 1 RepliesI am having a asp.net page where I am using Ajax Tab control. When i am running the page, the text of all tab is not able to view. I want to change the height of Header text.
View 1 RepliesAs per my need I want to dynamically load accordion pane and inside that I want to load an ascx control. I am attaching my code for reference. But when I run my code it does not create separate pane.
Sample Code part:
protected void Button1_Click(object sender, EventArgs e)
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'm writing a script and need with being able to modify the ImageUrl property in a HyperLink control from the code behind page. It is meant to dynamically show an image.
I just need to know the correct format of the code behind to get this to work.
im using AnimationExtender 2 fadeout a panel n d click event of a image..im using sme 10 images n same page and shld i write separate AnimationExtender for all images...
how 2 change d targetcontrolid of d animation extender n a javascript function....