• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1113
  • Last Modified:

Ajax toolkit accordian header problem with firefox

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
daedalux
Asked:
daedalux
1 Solution
 
daedaluxAuthor Commented:
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

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now