CalendarExtender in Firefox RSS

• • Reply
  

  SeanGrebey

  Member

  26 Points

  75 Posts

  CalendarExtender in Firefox

  Jan 09, 2013 01:45 PM|LINK

  Trying to narrow my issue I am having with a ModalPopupExtender in Firefox, so I have deleted everything off of the Panel I am extending and adding things back on at a time. The first issue I have encounted is with my initial CalendarExtender. The Entender opens, but the days are not able to be selected. Cursor stays as a pointer, and clicking on them does nothing. Anybody have any thoughts on what might cause this? Issues is only in Firefox, works ok in IE and Chrome.

  <style type="text/css">
          .modalBackground {
              background-color: Gray;
              filter: alpha(opacity=50);
              opacity: 0.7;
          }
  
          .pnlBackGround {
              position: fixed;
              background-color: White;
              border: solid 3px black;
          }
      </style>

  <asp:Panel ID="pnlModalPopup" CssClass="pnlBackGround" runat="server" Width="325px" Height="275px">
                                          <asp:Label ID="Label3" runat="server" Text="Schedule Audit" Font-Bold="True" Font-Size="Large"></asp:Label>
                                          <br />
                                          <asp:Label ID="Label4" runat="server" Text="Schedule Date:" Width="125px" Font-Size="Medium"></asp:Label>
                                          <asp:TextBox ID="txtCalendar" Font-Size="Medium" runat="server"></asp:TextBox>
                                          <asp:CalendarExtender ID="cext" Animated="true" TargetControlID="txtCalendar" runat="server" />
                                          <br />
                                          <asp:Button ID="btnOK" runat="server" Text="OK" UseSubmitBehavior="False" />
                                          <asp:Button ID="btnCancel" runat="server" Text="Cancel" UseSubmitBehavior="False" />                                                
                                                               
                                      </asp:Panel>
                                      <asp:ModalPopupExtender ID="MPE" runat="server"
                                          TargetControlID="btnSchedule"
                                          PopupControlID="pnlModalPopup"
                                          BackgroundCssClass="modalBackground"
                                          DropShadow="true"
                                          OkControlID="btnOK"
                                          CancelControlID="btnCancel">
                                      </asp:ModalPopupExtender>

  
  
  

  

  • Edited by SeanGrebey on Jan 09, 2013 01:52 PM
• • Reply
  

  SeanGrebey

  Member

  26 Points

  75 Posts

  Re: CalendarExtender in Firefox

  Jan 09, 2013 01:52 PM|LINK

  Let me add the issue only seems to be a problem on the ModalPopup. Outside of that, Calendar controls seem to be working fine for me in Firefox.

• • Reply
  

  Sujeet Saste

  Contributor

  2998 Points

  572 Posts

  Re: CalendarExtender in Firefox

  Jan 09, 2013 04:44 PM|LINK

  It is working fine in my local environment and in firefox also.

  And on popup also it is working fine.

  But if you still facing the same problem then try making following chhange :

  .pnlBackGround
          {
              position: fixed;
              background-color: White;
              border: solid 3px black;
              z-index:1000;
          }

  Good Luck
  Do FEAR (Face Everything And Rise)
  
  Please mark as Answer if my post helps you..!
  
  My Blog
• • Reply
  

  SeanGrebey

  Member

  26 Points

  75 Posts

  Re: CalendarExtender in Firefox

  Jan 09, 2013 05:53 PM|LINK

  Thanks for the suggestion, but no dice. When I click on the Text Box the calendar open, but I don't get the cursor change like I normallly do over the buttons, and then when I click on the calednar it closes. 

• • Reply
  

  SeanGrebey

  Member

  26 Points

  75 Posts

  Re: CalendarExtender in Firefox

  Jan 09, 2013 07:28 PM|LINK

  In case anybody else stumbles into this I will post my answer. My ModalPopupExtender was being drawn over part of my MasterPage, not the Content area of the actual Page I was working on. Just the way things are rendered differently in different browsers this was only true in Firefox and not IE or Chrome. So when I was clicking on it, the click was actually registering on the Master Page, except for the very top of the Calendar which was over the content area, which was why it would open, but I couldn't select any days.

  So note to anybody who uses these with Master Pages, make sure they are rendered over the content area. 

  • Marked as answer by SeanGrebey on Jan 09, 2013 07:28 PM