.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Trouble with Font Definition in Accordion Control

Posted By:      Posted Date: August 27, 2010    Points: 0   Category :ASP.Net

 VWD 2008 Express.

I have a page on which I have an accordion control.  The accordion control seems to be overriding the font definition I have for the page body in my CSS stylesheet.  Here is what is happening.  Can anyone help?  Thanks.

1.  When I open the page and the top panel opens, it displays with the correct font family, size, etc.

2.  If I close and reopen the top panel, it displays with another font family and looks bad.

3.  All subsequent panels, when opened, display the font in a different family than specified in my CSS stylesheet.

This is what I have in the stylesheet both for the body and for the .accordioncontent:

    background-color: #E4E1C2;
    background: url(../images/background.jpg) repeat left top;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #666666;
    font-size: 12pt;
    border-top: none;
    padding-top: 10px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #666666;
    font-size: 12pt;


View Complete Post

More Related Resource Links

The Accordion Control change font controls


Hi, I use an accordion control that contains some aspnet control inside. 

When I collapse the accordion control, all of aspnet controls include labels or textboxes change the font to another differnt, what can I do.

There is the code:

<cc1:Accordion ID="Accordion1"  Width = "100%" runat="server"  FadeTransitions="True" SelectedIndex="0" TransitionDuration="300"  HeaderCssClass="accordionHeader" ContentCssClass="accordionContent">


                <cc1:AccordionPane id="AccordionPane1" runat="server" >

                <Header> Datos Generales de la Póliza</Header>


                         <asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="8pt" CssClass="labelFormat"


Accordion Control with Panel...Add an Update Panel?


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.

Thanks in advance! :)

Accordion Control Renders Content Incorrectly


Hey Guys i'm using an accordion control with one pane. In all browsers it renders and works fine - except IE8. in IE8, it looks fine at first, but after collapsing and reopening the pane the text in my pane appears garbled. When i zoom in, i can tell it's in the original font, but it's almost as if it's an image that's blow up too big...

Accordion control access in Javascript using Content page

Hi, I struggled with some javascript issues, and discovered that the problem seemes to come from a failed ajax control access.Here's my problem:I have a master page and a content page.In my content page, I have an accordion with 2 panes.1rst pane: a textbox and a validation button;                     I want the button to fire javascript function without reloading page (using "return false;");In my master page, I put my ToolkitScriptManager.In my content page, I put my script containing the functions.The problem is that it seems like I can't access the accordion control in my js functions, whereas I can access my textbox value...Here is my source:<%@ Page Language="C#" MasterPageFile="~/Default.master" Title="CLEOR RH | Home" CodeFile="Default.aspx.cs" Inherits="Default_aspx" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <asp:Content ID="Content1" ContentPlaceHolderID="Main" runat="server"> <script type="text/javascript"> var step1 = false; function pageLoad() { var accCtrl = $find('AccordionCtrl_AccordionExtender');

ToggleButtonExtender within an Accordion control



 I am trying to use the Togglebuttonextender within an accordion control. However, the problem I am having is that the images for the togglebuttonextender seems to be sitting outside of the accordion control, so that when you go through the different accordion panes, the images stay on top. I have included some sample code that demonstrates the problem. Any suggestions/fixes...?


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AccordionTest.aspx.cs" Inherits="AccordionTest" %>


DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

Accordion control doesn't work


Hello. I am having quite a bit of trouble getting an accordion control to work. I downloaded the AJAX Control TOolkit (v 3.5), added the dll to my toolbox, and added an accordion control with the following code:

            <asp:AccordionPane ID="P" runat="server">
                   The President ...
            <asp:AccordionPane ID="VP" runat="server">
                <Header>Vice President</Header>
                   The Vice President ...                </Content>
            <asp:AccordionPane ID="T" runat="server">
                   The Treasurer ...                </Content>

Accordion Control failing XHTML standards


Hi there,

OK, first things are that I am using .NET 4.0 with Telerik Rad Controls version Ajax Q2 2010 Net 4 and the .NET 4 version of the AJAX Control Toolkit.

The website I am working on uses the Telerik Rad Controls quite extensivley but I really wanted to use the Accordion control from the ajax control toolkit as I believe this is better than the alternative from the Telerik product range.  After messing about trying to get the two to work together I finally achieved this and functionally we are working OK.  However..........  I get the following error when trying to validate the page for valid XHTML

  1. Error Line 173, Column 17: ID "ctl08" already defined
    	</div><div id="ctl08" style="display:block;">


    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be

create a data driven jquery accordion control



i have a very simple table in my database which holds information about students.

what i would like is to create a jquery accordion which will have a heading for each student and then when the user clicks on a students name, it will expand and display the students information from this table.

is this possible? please can someone show me examples of how i can do this?

i use linq to sql and its an asp.net form (aspx page) not mvc.

i am very new to this aso any help would be much apperiated along with examples.

the only thing i have so far is the following - my accordion is in a jquery dialog box also.

$(function() {

	$('#my div').dialog({

		modal: 'true',

		title: 'students',

		open: function() {





many thanks

Accordion Control in MasterPage does not remember its SelectedIndex


Hey guys, I hope anybody out there could help me!

I've been Googling for so long now and I cannot find a straight answer or correct solution to my problem (especially when I'm a novice at JavaScript/C#!).

I have got an Accordion Control on my MasterPage which acts as a menu. My problem is that when I click on a button within the content pane it displays a new page within the ContentPlaceHolder, but the Accordion resets itself back to SelectedIndex = 0. How can I keep the SelectedIndex = 1 open when I'm response.redirected to another page?

I have heard about sessions but I can't make any sense of them. Any suggestions or solutions would be great!

Many thanks.

How to Use Accordion with ASP:Menu in User Control


Happy Friday All,

I'm creating a user control to be placed within a masterpage on a site.  Inside the user control, I have placed a menu.  It is wired up to a sitemap datasource to get navigation with security trimming included. 


How do I use the Accordion toolkit control to collapse main portions of the menu?  For example, if I have Orders and Supplies and subpages contained therein, how do I setup Accordion to traverse the sitemap based on the user's security privileges?



ajax control toolkit combobox control font problem


dear all

i am facing a peculiar problem with ajaxcontrol toolkit combobox control, a picture is worth than a lot of words so here is the pic


if you are not able to view then here is the link


the problem is the items text in the combox box is having a square beneath at the second character which is hindering the visibility of the list. but the square is not appearing in the text area. 

any help will be greatly appriciated.

best regards

Having trouble with the rating control


I'm trying to use the rating control.  I've duplicated most of the code from a tutorial and created a test page on my site.  Everything is displayed properly, but mousing over the stars doesn't change them at all.  Neither does clicking on any of the stars.

Here's my code:

    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />    
        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <div style="float: left; width: 203px;">How much do you like MS AJAX? &nbsp;</div>
                    <ajaxToolkit:Rating ID="LikeRating" runat="server"

Adding Dynamic Rows in ASP.NET GridView Control with TextBoxes and with Delete functionality

In my previous examples, I have demonstrated on how to add dynamic rows in GridView control with TextBoxes and how to save the values into the database. Now, seems that most of the developers are asking if how to add a delete functionality with it. So in this example, I'm going to show on how to delete a certain row in the dynamic GridView with TextBoxes.

Accessing the different controls inside a GridView control

how we can access a particular control which resides inside a GridView control. In this article I will show you how you can access different controls inside a GridView control. We will see how we can access a TextBox control, a DropDownList control and a ListBox control. If you are working with ASP.NET 1.X then you might want to check out my article Accessing Different Controls Inside a DataGrid.

In-Depth look at the GridView Control

In the last article we looked at few of the new controls available in Asp.net 2.0. We also talked about Grid View Control which has replaced the Asp.net 1.1 DataGrid control for good. In this article we will examine more features of the Grid View control. In this article we will see some of the common operations that can be performed using the GridView control. Apart from these operations there are many more functions that can be performed on the control and which we will see in the later articles

ASP.NET repeater control - databind with style

even used the inline editing features, which I at the time thought was the coolest way possible to write ASP.NET code ( I managed to write code to hide all other rows and only show the current one - the row being edited). With a nice looking EditTemplate it looked indeed very slick but it really turned into giant and hard to manage code behind files.

Creating Paging for a Repeater Control

A common question is "How do I implement paging within a Repeater?" Although the beauty of the Repeater control is its flexibility, you're on your own for building most functions. ASP.NET 2.0 has included some new controls that provide paging, as does the DataGrid in ASP.NET 1.1. However, this tip shows you how to roll your own paging for a simple data viewer.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend