.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

Accordion Control Renders Content Incorrectly

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

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...

View Complete Post

More Related Resource Links

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');

Content page control passes as argument to javascript function


Here is the content page:


<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="JavaDynamicCopyValue.aspx.cs" Inherits="JavaDynamicCopyValue" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <script type="text/javascript" >
 function copyValue(input, output )
   ouput.value = input.value;
   return true;
 <asp:TextBox ID="txt1" runat="server" onchange="copyValue(this,document.getElementById('<%=txt2.ClientID%>'))"></asp:TextBox>
    <br />
    <br />
    <asp:TextBox ID="txt2" runat="server"></asp:TextBox>


I got a javascript run time error says output is undefined. if I view source of the page, the txt1 markup became:

<input name="ctl00$ContentPlaceHol

Composite Control which contains arbitrary content defined in .aspx of parent and thier ViewState


I want to write own control which can contain other. And I want to define content of the control in the .aspx file where the control is defined. I have written such control. But now I have issue with ViewState of inner controls of my control. The following samle illustrates the issue: I defined two asp:DropDownList ID="ddl1" and ID="ddl2" One of them is inside of my control and other is outside. When posback is occurred asp:DropDownList ID="ddl1 loses state and becomes empty. How to say ASP.net to store state of inner controls defined by this way?


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MyControl.ascx.cs" Inherits="DynamicControls.Controls.MyControl" %>

<div class="box">
    <div class="Header-Left">
        <div class="Header-Right">
            My Control
    <div class="Content">
        <asp:PlaceHolder ID="contentPlace" runat="Server" />

Rendering User Control content


I have a scenario where, the content is:
 ASP.NET Controls
      User Control
 ASP.NET Controls

The entire div code is rendered and is sent at a mail using the code:

Dim sw As New StringWriter()
Dim w As New HtmlTextWriter(sw)
Dim s As String = sw.GetStringBuilder().ToString()

This works fine except that the User Control does not get rendered.

Any way out, so that the User Control content is also rendered ?

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! :)

Content Type Saved Incorrectly Using DataView


I have created a blank web part page and added a data view for my selected list in which I have enabled the insert/edit/delete options.  In that data view I have included the content type field (my list has 3 content types).  I am using JavaScript to set some fields defaults and to hide those fields, one being the content type field.  All seems to work correctly when submittin a new entry except that each item I save is always saved as the 1st content type.  I have tried inserting a new item without any JavaScript and have the same problem - no matter which content type I select from the drop-down list the item is always saved as the 1st content type.  Am I missing something here?  Surely I don't have to use the standard list form to insert new items into my list as I need to be able to control the user's interaction using the options available in the data view.

SharePoint Server 2007, SPD 2007, both SP2.

Thanks for any insight!

Trouble with Font Definition in Accordion Control


 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;


User control with multiple item content

I have a user control that I would like to contain multiple items as its content, similar to the way a <StackPanel> works. I tried using a <ContentPresent/> but it will only let me use a single item as the control's content. What's the best way to go about this? I realize I could just require the user to put a <StackPanel> or <Grid> or similar control as the content of the user control, but i would rather not do that if possible.   I'm not sure if it matters, but this control actually has several content presenters. Some of them will contain a single item and some will contain multiple items.

SharePoint read/recognize a Digital Signature in Word (XML Content Control Mapping)?

I am using Content Control Mapping to pull certain fields from a Word Document and include it as columns when a document is uploaded into a Document Library. We're using MOSS 2007 and Word 2007. It is required that the user digitally signs the document before uploading.  Is there a way to get the signature to appear as a column in a similar fashion?  I'm new to this mapping business, and Google hasn't been much help. I realize I could use the Collect Signatures workflow, but that seems cumbersome to 1) have the user submit it, 2) have an admin open each document and start the workflow and 3) have the user THEN sign the document.  That's more steps than simply manually opening and verifying digital signatures. I figure I'm missing something obvious here.  Any help or ideas would be appreciated.

Get content of programatically created control before postback

Hi.I have quite a problem here, and hope you can help :)I´ll try to describe the problem in steps, as this might be the easiest to understand:1. Page_Load is called when the page is requested, and calls a BuildTable() method2. The BuildTable method creates a table which contains several textboxes3. the user types some text in these textboxes4. The userthen  changes an item in a Dropdownlist on the page which is intended to change some other content on the page5. Page_Load is called, and afterwards the DropDownListBookingType_SelectedIndexChanged(object sender,EventArgs e) method are called, and the content is changed6. The text the user typed in the programmatically created textbox controls are lost!Now how do I remain this text information? If just the SelectedIndex_changed method was called first, I could save it in session.. But as far as I can tell, all data on the page are discarded when you create a partial postback :(What to do?Thanks alot for your time!

Getting Content Control on Content Page in Visual Studio


Visual Studio 2010

Working on a content page (.aspx page with associated master page)

Not all of the content place holders from the master page are represented on the content page (have been deleted)

Can go to the master page, find the place holder I want, return to content page and type out the "content" tag.

Is there an easier way? Can I drag a content tag in from a toolbox somewhere? Can I "re-apply" a master page to a content page and have it restore missing place holders? Looking for the lazy way out.

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"


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>

Conditional control based on repeater content


I have a repeater control with a delete button on each row. I also have a link on the same page (not within the repeater) that I only want to be visible when the repeater contains at least one row.

My problem is that, when the delete button on the final row is clicked, this triggers a postback during which the ItemCommand event is called to process the delete click. However this event is processed after the Page Load event in which I would normally render or not render the conditional link. So I don't know at the time I'm rendering the link whether the user has just deleted the last row.

Am I misunderstanding the chain of events or is there a better way of handling this? Could I, for example, determine from the Sender & e arguments available within the Page_Load event, that the postback has been triggered by clicking the delete button in the repeater? The only other way I can see of dealing with this is to force a second postback once the final row of the repeater has been deleted which seems like overkill.

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

Finding control from master page inside tabcontainer in content page


I have a codebehind.vb for a master page from which I'm trying to find a hiddenfield in the content page. I was finding it like this without a hitch...

Dim hfContentSearch As HiddenField = CType(Page.Master.FindControl("main").FindControl("hfSearch"), HiddenField)

Then I decided to add an Ajax TabContainer to the content page. Now I'm having a hard time finding the hiddenfield. I've tried these variations, but still not working.

Dim hfContentSearch As HiddenField = CType(Page.Master.FindControl("main").FindControl("TabContainer1").FindControl("TabPanel1").FindControl("hfSearch"), HiddenField)

Dim hfContentSearch As HiddenField = CType(Page.Master.FindControl("main").FindControl("TabContainer1").FindControl("hfSearch"), HiddenField)

Dim hfContentSearch As HiddenField = CType(Page.Master.FindControl("main").FindControl("TabPanel1").FindControl("hfSearch"), HiddenField)

Can someone please help me with the syntax?

Thank you.


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