EasyUI Forum
June 23, 2018, 12:48:23 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Modal panel  (Read 793 times)
Pierre
Sr. Member
****
Posts: 399


View Profile Email
« 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.
« Last Edit: October 14, 2017, 07:40:35 PM by Pierre » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3285


View Profile Email
« Reply #1 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
Logged
Pierre
Sr. Member
****
Posts: 399


View Profile Email
« Reply #2 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.
« Last Edit: October 13, 2017, 10:37:36 AM by Pierre » Logged
Pierre
Sr. Member
****
Posts: 399


View Profile Email
« Reply #3 on: October 14, 2017, 04:32:43 AM »

Please?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3285


View Profile Email
« Reply #4 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
Logged
Pierre
Sr. Member
****
Posts: 399


View Profile Email
« Reply #5 on: October 14, 2017, 07:40:21 PM »

Awesome, thank you so much.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!