Click here to Skip to main content
15,891,253 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more: , +
I am using twitter bootstrap.i created one modal pop up box this modal box not working in internet explorer remaining all browsers working fine
i am using this code for modal box



XML
<a data-toggle="modal" runat="server" href="#example" id="btn" class="btn-primary" >SetLob</a>
           &nbsp;&nbsp;&nbsp;<asp:Button ID="btnsubmit" runat="server" Text="submit"
                CssClass="btn-primary" onclick="btnsubmit_Click" />


          <div class="modal hide fade" id="example">
  <div class="modal-header">
    <button type="button" id="b2" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button>

    <h3>LOB Customization</h3>
  </div>

  <div class="modal-body">
  <asp:UpdatePanel ID="update1" runat="server" UpdateMode="Conditional">
           <ContentTemplate>
    <asp:GridView ID="gridlob" runat="server" AutoGenerateColumns="False"
        DataSourceID="SqlDataSource2" width="50%"
          onrowdatabound="gridlob_RowDataBound">
        <Columns>
            <asp:BoundField DataField="LOUPe_LOB" HeaderText="Line Of Bussiness"
                SortExpression="LOUPe_LOB" />

               <asp:TemplateField HeaderText="Grouping">


              <ItemTemplate>
              <asp:CheckBox ID="chkReimbursable" runat="server" OnCheckedChanged="chkReimbursable_CheckedChanged" AutoPostBack="true"   />

              </ItemTemplate>

             </asp:TemplateField>

        </Columns>

        <EditRowStyle BackColor="#2461BF" />
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#EFF3FB" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <SortedAscendingCellStyle BackColor="#F5F7FB" />
        <SortedAscendingHeaderStyle BackColor="#6D95E1" />
        <SortedDescendingCellStyle BackColor="#E9EBEF" />
        <SortedDescendingHeaderStyle BackColor="#4870BE" />



    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server"
        ConnectionString="<%$ ConnectionStrings:LOUPe_InventoryConnectionString %>"
        SelectCommand="procExcelLOBGroupList" SelectCommandType="StoredProcedure">
    </asp:SqlDataSource>
   </ContentTemplate>
   </asp:UpdatePanel>


  </div>
  <div class="modal-footer">
 <asp:UpdatePanel ID="ud3" runat="server" UpdateMode="Conditional">
 <ContentTemplate>
  <asp:Button ID="btnsave" runat="server" Text="Save" class="btn btn-primary" OnClick="btnsave_Click" autopostback="true" />
  </ContentTemplate>
  </asp:UpdatePanel>
  </div>




</div>
 </div>
 <div class="modal hide fade" id="Div1">
  <div class="modal-header">
    <button type="button" id="Button1" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button>

    You selected 19 LOB's
  </div>
  <div class="modal-body">
</div>
</div>



please share any ideas to me.
Posted
Updated 30-Sep-13 0:29am
v3
Comments
Nelek 30-Sep-13 5:35am    
don't think we can read minds or do astral projections to see your monitor. If you need help, the least you could do is to add some relevant code to your question or to explain your problem in such a way, that the users of CP can understand it. Otherwise, nobody will be able to help you.

Please use the "improve question" and add relevant information or a piece of code envolved. There are thousands of ways to screw things up, how are we supposed to know which one did you choose?
I strongly recommend you to read:
How to ask a question[^] and What have you tried?[^]
Do you see any error in inside Console window of IE Developer Tool (F12)?
Akinmade Bond 30-Sep-13 10:32am    
Try removing the 'fade' class.
tute_mf 15-Nov-13 12:39pm    
you are the best!!!!!!!!!!! i have lost many hours with this problem. The grid was not showing for me and I thought it was a problem with the z-index, but removing the fade class worked so well that I will to cry! sorry for my english!
Akinmade Bond 15-Nov-13 14:35pm    
:) Happy to help. Had to deal with that in a project I was working a while back, different scenario though. Spent hours debugging but that was the only thing I tried that worked. Good to know it helped you too. :)

1 solution

IE does not support the "fade" class for modals, by taking out fade i lost the animation, but the modal displays in all 3 browsers now. I found the answer here

link:
https://github.com/twbs/bootstrap/issues/3672[^]
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900