EasyUI Forum
December 20, 2025, 02:34:41 AM *
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] Window/Dialog animation from right to left  (Read 10861 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: July 29, 2016, 12:27:47 AM »

Hello All
I have some Window's for selecting of different items, like member, product etc.
Is there some way that those window opens on right side, using some "Overlay" effect, like in this example:
http://semantic-ui.com/modules/sidebar.html#/examples
(If you click on "Overlay animation" you will see Sidebar appears on right side)
Thank you.
« Last Edit: July 29, 2016, 01:01:27 PM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2305


View Profile Email
« Reply #1 on: July 29, 2016, 07:51:51 AM »

The sidebar panel can be defined as:
Code:
<div id="p" class="easyui-panel" title="Basic Panel" data-options="
width:200,
height:$(window).height(),
style:{
position:'fixed',
top:0,
right:-200
}">
</div>

Call the code below to make the sidebar panel display or hide.
Code:
$('#p').panel('panel').animate({right:0});  // show
$('#p').panel('panel').animate({right:-200});  // hide
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: July 29, 2016, 08:53:48 AM »

Awesome, you are the man.
Thank you.
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!