EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on July 29, 2016, 12:27:47 AM

Title: [SOLVED] Window/Dialog animation from right to left
Post by: Pierre 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.

Title: Re: Window/Dialog animation from right to left
Post by: jarry 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

Title: Re: Window/Dialog animation from right to left
Post by: Pierre on July 29, 2016, 08:53:48 AM

Awesome, you are the man.
Thank you.