Bootstrap Modal popping up but has a “tinted” page and can't interact

Question

I am using bootstrap to set up a modal popup. When a button is clicked, the modal dialog opens, but the entire page is slightly \"tinted\", and I can\'t interact with the m

Answer 1

I know this is an old question, but I had a similar issue and in case anyone has the same, here is what worked for me. Make sure you include the modal css file!

Answer 2

If you're using ASP.NET, make sure you place the modal's div block inside a <asp:Content ContentPlaceHolderID="BottomOfForm" runat="server">.

Answer 3

If you want to open the print dialog on button present on modal itself and after printing your webpage is not accessible then it will definitely work for you rather then the window.print().

Use below code. First of all you need to close the modal dialog and open the print dialog after few seconds.

setTimeout(function() { printnow('printdiv', 10); }, 500);