Wednesday, March 28, 2012

Content Page based on master page accordion pain

Hey all,

I have a content page that is based on a master page. I am trying to use an accordion control on it and am getting no where.

If I cut and paste the accordion code from my master page derived content page and put it in a NON-master page derived page. It works great.

What am I missing? By the way, I am not using a script proxy because I don't have a script manager on the master page. Don't know if that matters, but ... Below is the code.

Thanks ... Ed

<%@dotnet.itags.org.PageLanguage="VB"MasterPageFile="~/MasterPage.master"AutoEventWireup="false"CodeFile="ExpenseSpreader.aspx.vb"Inherits="Admin_ExpenseSpreader"title="Envision Accounting - Expense Spreader" %>

<asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolderContent"Runat="Server">

<asp:ScriptManagerid="ScriptManager1"runat="server">

</asp:ScriptManager>

<div>

<ajaxToolkit:Accordionid="Accordion1"runat="server"FadeTransitions=TrueSelectedIndex=0

HeaderCssClass="accordionHeader"ContentCssClass="accordionContent"AutoSize=none>

<Panes>

<ajaxToolkit:AccordionPaneID="AccordionPane1"runat="server"ContentCssClass=""HeaderCssClass="">

<Header>

<ahref=""onclick="return false;"class="accordionLink">Professional Expenses</a>

</Header>

<Content>

This is Professional Expenses

</Content>

</ajaxToolkit:AccordionPane>

<ajaxToolkit:AccordionPaneID="AccordionPane2"runat="server"ContentCssClass=""HeaderCssClass="">

<Header>

<ahref=""onclick="return false;"class="accordionLink">Other Expenses</a>

</Header>

<Content>

This is Other Expenses

</Content>

</ajaxToolkit:AccordionPane>

</Panes>

</ajaxToolkit:Accordion>

</div>

</asp:Content>

More information. I was able to isolate the problems to the fact that there's a master page involved. If I take the simplest masterpage and add a content page with nothing but the simplest accordion with 2 panes, it does not work properly. If I take it off the master page and just have html, it works great.

Here is the code for both.

First as html which works, then the content page and master page which doesn't. There is no code behind code in any case.

Thanks ... Ed

<%@.PageLanguage="VB"AutoEventWireup="false"CodeFile="ExpenseSpreader.aspx.vb"Inherits="Admin_ExpenseSpreader" %>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headid="Head1"runat="server">

<title>Untitled Page</title>

</head>

<body>

<formid="form1"runat="server">

<div>

<asp:ScriptManagerid="ScriptManager1"runat="server">

</asp:ScriptManager>

<ajaxToolkit:AccordionID="Accordion1"runat="server"FadeTransitions="false"FramesPerSecond="40"TransitionDuration="250"AutoSize="None">

<Panes>

<ajaxToolkit:AccordionPaneID="p1"runat=server>

<Header>

<ahref=""onclick="return false;">Pane1</a>

</Header>

<Content>

Content 1

</Content>

</ajaxToolkit:AccordionPane>

<ajaxToolkit:AccordionPaneID="p2"runat=server>

<Header>

<ahref=""onclick="return false;">Pane 2</a>

</Header>

<Content>

Content 2

</Content>

</ajaxToolkit:AccordionPane>

</Panes>

</ajaxToolkit:Accordion>

</div>

</form>

</body>

</html>

////////////////////////////

Here it is as a content page

<%@.PageLanguage="VB"MasterPageFile="~/MasterPage.master"AutoEventWireup="false"CodeFile="ExpenseSpreader.aspx.vb"Inherits="Admin_ExpenseSpreader" %>

<asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolderContent"Runat="Server">

<asp:ScriptManagerid="ScriptManager1"runat="server">

</asp:ScriptManager>

<ajaxToolkit:AccordionID="Accordion1"runat="server"FadeTransitions="false"FramesPerSecond="40"TransitionDuration="250"AutoSize="None">

<Panes>

<ajaxToolkit:AccordionPaneID="p1"runat=server>

<Header>

<ahref=""onclick="return false;">Pane1</a>

</Header>

<Content>

Content 1

</Content>

</ajaxToolkit:AccordionPane>

<ajaxToolkit:AccordionPaneID="p2"runat=server>

<Header>

<ahref=""onclick="return false;">Pane 2</a>

</Header>

<Content>

Content 2

</Content>

</ajaxToolkit:AccordionPane>

</Panes>

</ajaxToolkit:Accordion>

</asp:Content>

/////////////////////////

Here is the master page.

<%@.MasterLanguage="VB"CodeFile="MasterPage.master.vb"Inherits="MasterPage" %>

<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.0 Strict//EN">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headid="Head1"runat="server">

<title>Envision Accounting</title>

<metaname="vs_defaultClientScript"content="JavaScript">

<metaname="vs_targetSchema"content="http://schemas.microsoft.com/intellisense/ie5">

</head>

<bodyid="MasterBody"runat=serverstyle="margin:0; top:0;">

<formid="form1"runat="server">

<divclass="content">

<asp:ContentPlaceHolderID="ContentPlaceHolderContent"runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

No comments:

Post a Comment