We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Angular Bootstrap UI Modal behind Ribbon

Thread ID:

Created:

Updated:

Platform:

Replies:

121661 Jan 14,2016 05:41 AM Jan 15,2016 05:41 AM JavaScript 1
loading
Tags: ejRibbon
Antonio Terron
Asked On January 14, 2016 05:41 AM

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 [Syncfusion]
Replied On January 15, 2016 05:41 AM

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.


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;