EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on October 12, 2017, 12:52:47 PM



Title: [SOLVED] Modal panel
Post by: Pierre on October 12, 2017, 12:52:47 PM
Hello
Here is simple example:
http://code.reloado.com/oeasyrik1/141/edit#preview
question is - how to make right panel modal?
Thank you.


Title: Re: Modal panel
Post by: stworthy on October 12, 2017, 06:19:43 PM
When open the slide panel, display a mask over the page.

http://code.reloado.com/oeasyrik1/142/edit#preview


Title: Re: Modal panel
Post by: Pierre on October 13, 2017, 12:23:47 AM
Perfect, thank you so much.

One more thing, please: How to set mask over the page when calling panel from dialog?
I prepared simple example here: http://code.reloado.com/oeasyrik1/145/edit#preview
When you click on Open - side panel is opened but it is not "modal", ie. there is no mask over the page.
Thank you for your help.


Title: Re: Modal panel
Post by: Pierre on October 14, 2017, 04:32:43 AM
Please?


Title: Re: Modal panel
Post by: stworthy on October 14, 2017, 07:01:19 PM
Set the 'z-index' style for the mask and slide panel. Here is the updated example http://code.reloado.com/oeasyrik1/146/edit


Title: Re: Modal panel
Post by: Pierre on October 14, 2017, 07:40:21 PM
Awesome, thank you so much.