Angular Bootstrap UI Modal behind Ribbon

[Unknown]

When using the Bootstrap Ui modal dialog, the dialog appears behind the ribbon.

I've attached a file with an image showing this issue.

Regards

Attachment: modalbehindribbon_5019ceb8.zip

[Kavitha Narayanan]

Hi Antonio,

Thanks for contacting Syncfusion support.

Query: When using the Bootstrap UI modal dialog, the dialog appears behind the ribbon.

We had achieved your requirement using Z-index property in the following code were we set Z-index as ‘0’ while opening the Bootstrap dialog.

[Code]
<input type="button" value="click to open Bootstrapdialog" onclick="clickthis(this)">

function clickthis(e)

                {

                $('.e-active-content').css("z-index","0");//set z-index value here

                BootstrapDialog.alert('BootstrapDialog'); //BootstrapDialog used here

                }

Please refer to the sample and screenshot:



Sample: http://www.syncfusion.com/downloads/support/forum/121661/ze/sample719001309.zip

Regards,
Kavitha N.