Solved

Ajax toolkit accordian header problem with firefox

Posted on 2008-10-26
1
1,098 Views
Last Modified: 2013-12-07
I have an accordion with 3 panels. On page load all headers behave correctly. Default is top panel. After I click on any other panel header to open another panel, the top header is no longer clickable and I cannot get back to the top panel.

What can I tweak to fix this?

Thanks in advance.


<AjaxToolkit:Accordion ID="MyAccordion"

            runat="Server"

            SelectedIndex="0"

            HeaderCssClass="fbs_accordionHeader"

            HeaderSelectedCssClass="fbs_accordionHeaderSelected"

            ContentCssClass="fbs_accordionContent"

            AutoSize="Fill"

            FadeTransitions="true"

            TransitionDuration="150"

            FramesPerSecond="40"

            RequireOpenedPane="true"

            SuppressHeaderPostbacks="true">

      <Panes>

          <AjaxToolkit:AccordionPane ID="AccordionPane1" runat="server">

            <Header>Thousands of Fixers Now Available

            </Header>

            <Content>

            <div style="height: 130px">

                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="Buyers_Page_Overview.aspx"><asp:Image ID="Image1" runat="server" ImageUrl="../../Graphics/acc_buy.jpg" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>

            </div>

            </Content>

          </AjaxToolkit:AccordionPane>

          <AjaxToolkit:AccordionPane runat="server">

            <Header>Get Approved for Fixer Financing

            </Header>

            <Content>

            <div style="height: 130px">

                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="Finance_Page_Overview.aspx"><asp:Image ID="imgfinance" runat="server" ImageUrl="../Graphics/acc_app.png" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>

            </div>

            </Content>

          </AjaxToolkit:AccordionPane>

          <AjaxToolkit:AccordionPane runat="server">

            <Header>List Your Home Today

            </Header>

            <Content>

            <div style="height: 130px">

                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="Sellers_Page_Overview.aspx"><asp:Image ID="Image2" runat="server" ImageUrl="../../Graphics/acc_remodel_money.png" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>

            </div>

            </Content>

          </AjaxToolkit:AccordionPane>

      </Panes>

      </AjaxToolkit:Accordion>

Open in new window

0
Comment
Question by:daedalux
1 Comment
 

Accepted Solution

by:
daedalux earned 0 total points
ID: 22975454
Ok, I found the problem. The problem was another div that overlapped over the top header of my accordian (nothing visible in the overlapping area of that div hence hard to "see"). Once I resized the other div, the problem disappeared.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Bada platform is becoming more and more famous this days and people talking about same. Some friends included those who have bada OS mobile asked me "what is bada?"and "what its features?". That encouraged me to research and write this article. [st…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now