AJAX :: Set The Backgroung Of The Header Of An Accordion To An Image?
Dec 19, 2010is it possible to set the backgroung of the header of an accordion to an image?
View 6 Repliesis it possible to set the backgroung of the header of an accordion to an image?
View 6 Repliesi tried to set image to the button tag in asp.net but it gave an error saying background-image cannot be applied to . I wrote the following code
<asp:Button ID="bsrc" runat="server" Style="left: 545px; position: absolute; top: 18px;font-family:Tahoma; font-size:small" Text="Search" Width="101px" />
<img src="search-icon.png" alt="" style="left: 649px; width: 29px; position: absolute; top: 17px; height: 26px" />
I 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.
<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 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 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 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 RepliesFirst 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 have page
Page contains an accordion control and tab container controls
I run into this problem while playing with accordion for a project. Sometimes VS 2008 auto generates code, without me wanting to!!!. Less generally I have an Accordion with 2 Accordion Panes in it. When modifing properties of the Accordion VS 2008 adds an Accordion extender and duplicates the two Accordion Panes!
My original code
[Code]....
My code after pressing space between the properties of the Accordion
[Code]....
[Code]....
in the accordian below:-
Arrow-collaspsed image appears in the background of the header text when I want it BEFORE the header text. Also, when the Header of accordian is seleceted, the arrow-collapsed image is not changing to arrow- expanded.
<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None" SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250"
HeaderCssClass="accordionHeader toggler" [code]...
using asp.net/vb.net 2005
I want to create an accordion inside a gridview with the following functionality:
The user will only see one field of the gridview initially, the ProductCategoryID. When the page loads it will only query the ProductCategoryID and this will be the only field displayed.
Next when the user clicks on the accordion to expand it inside the gridview I would like to query the database to get all Products that are part of the ProductCategory. I will query using the ProductCategoryID that is being displayed.
I need to do this for performance issues. The main thing I am looking for is how to query the database once the user expands a given ProductCategoryID.
but now I think of it one thing I need to know: when you bind an accordion to a dataset will it create one pane for each record returned? It might be better to put the gridview inside the accordion. I'm willing to do either, as long as it works
I 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 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 m using ajax accordion control to display the information of my company branches. Now it always displays one pane at a time. But i want that it should not display any pane at a time. Only a single pane should be displayed when user click on header of that pane.
View 2 RepliesI am working on one school web site. In the header i am showing School Photograph now i am facing one problem. When i am surfing this portel in 18 " montior it is reflecting perfectly but not in 24 ". Same picture is reflecting two times.how to solve this problem
<table width=100%>
<tr>
<td><img src="Scholl_Building.gif">
</tr>
</table>
I followed a video tuturiol for the Ajax Accordion control and also created it manually using VWD2010ExpressAlthough the source code I downloaded works fine, mines dosen't. The links for the panes will not respond. Everything else seems to be ok.
<body>
<form id="form1" runat="server">
<div id="container">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<div>
[code]...
I am using iTextSharp to export my webpage to pdf. I have added my logo to the webpage. But I want to add it to header so that it will repeat on all the pages at the top.
View 14 Replies