I 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 Replies
I have a tabcontainer with three tabpanel. The first tab is always enabled, while the other two get enabled and disabled in the code-behind depending on some conditions.I would like to customize the header style of the second and third tab such that: - If the tabs are disabled, the header (title of the tab) font color should be gray - If the tabs are disabled, the header (title of the tab) font color should be blue. Currently, I have the following in my style sheet: `a.ajax__tab_tab{ color: blue; }`but this always sets the tab title font color to blue, regardless of whether the tab is enabled or disabled. This piece of code shows the conditions to enable or disable the tabs. Can I control for style here as well?
protected void HorizonTextBox_TextChanged(object sender, EventArgs e)
{
if (HorizonTextBox.Text != "")
{
TabPanel2.Enabled = true;
TabPanel3.Enabled = true;
WholeUpdatePanel.Update();
[Code] .....
How to change header text font colour when  exporting gridview data to pdf.
View 1 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'm trying to use an Ajax Accordion Control with IE6.
I'm losing the background-color specified in the CSS.
I've tried this fix I found on the forums here, but I'm still not recieving the background-color.
The Accordion:
<cc1:Accordion ID="Accordion2" runat="server"
FadeTransitions="True"
SelectedIndex="0"
TransitionDuration="300"
HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" CssClass="normalRow">.........
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 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
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 Repliesif 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 Replieshow to display a header of gridvew as a 3D view color Header?
View 14 Replieshow to change my accordion pane's selectedindex and have come up empty handed thus far.
I've tried both with javascript and C#
Javacsript example:
var a = $('<%=AccordionMain.ClientID%>');
a.set_SelectedIndex(index);
C# example:
AccordionMain.SelectedIndex = 2;
Both of the above code excerpts run, but neither visibly change the selected pane. What am I doing wrong?
Each tab panel should display with different colors based on the status. Example:tabs should display in "Green"Inprogress status tabs should display in "Red"Not eligible status tabs should display in "Gray".Ajax Tab look and feel is very good. So, thought of using the Ajax Tab for my above requirement. I tried to change it. But I am not able to change the color of the each tab.Is it possible to change the color of each tab in Ajax Tab control?
View 3 Replieshow to change the border color of an ajax tabpanel?
I have already set the CssClass = csspanel
where
[code]....
I am doing ajax pie report and  getting data from database..But i was struck to change the color of pie chart dynamically..
View 1 RepliesI added pie chart and bar chart into my website which fetched data from database. but now i am facing problem of how i can change colour of bar chart pillers to grey colour
i used this artical for bar chart
[URL]
i have a gridview bound to sql datasource with template fields binding the columns. I have set the Header Style to a css class. I have 3 columns not bound to data as Add, Edit and Delete. When I set the text color to white for the header only the non bound columns go white. The bound columns are BLUE like hyperlink. Any one know a way round this. (If I set the style in the gridview the all columns are white. Want to set in external css file).
[Code]....
