search

nakupanda / bootstrap3-dialog

Make use of Twitter Bootstrap's modal more monkey-friendly.
https://nakupanda.github.io/bootstrap3-dialog/
1.89k stars 664 forks source link

two weird display issues #26

Open tmkctm opened 10 years ago

tmkctm commented 10 years ago

I am trying to use this component for confirmation on deletion of records on my site. But i encounter issues. I have a header, sidemenu and some notifications floating on my screen at higher z-index than the body and it seems that the greyout does not cover them. Secondly, for some reason, when i open the dialog, my body get "slimmer" until i close the modal... here are two images with and without the modal opened to understand screen shot 2014-03-20 at 2 50 03 am screen shot 2014-03-20 at 2 50 08 am

please help

tmkctm commented 10 years ago

Ok, I just had a friend that sent me a post regarding the issue of modals not covering html elements and I fixed it. But I still have the slimming problem on my header and body. it just disturbs the eye to see it losses some width and then returns to normal when i close the modal. thanks for any ideas you might come up with

nakupanda commented 10 years ago

Really weird.

Can you please show the floating and position information of sidemenu and header here? It seems they have higher z-index values.

tmkctm commented 10 years ago

hey :)

yes that was indeed the issue. The z-index of all the floaters needs to be lower than 1000 (or so, that's the value i reached in testing) The second display was annoying. I had to put a code that forces the width of my header to stay fixed when i open the modal, and release it after the modal is closed...

On Thu, Mar 20, 2014 at 3:11 AM, nakupanda notifications@github.com wrote:

Really weird.

Can you please show the floating and position information of sidemenu and header here? It seems that have higher z-index values.

Reply to this email directly or view it on GitHubhttps://github.com/nakupanda/bootstrap3-dialog/issues/26#issuecomment-38126088 .

Tzali Maimon

AndrewEastwood commented 10 years ago

Hi @tmkctm ! Have you resolved this problem?