# ngAnimate

**URL:** <https://forum.servoy.com/t/nganimate/19503>\
**Category:** Classic Servoy\
**Created:** [November 9, 2017, 4:13pm UTC](https://forum.servoy.com/t/nganimate/19503 "2017-11-09T16:13:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gordon\_McLean](https://avatars.discourse-cdn.com/v4/letter/g/839c29/32.png) [@Gordon\_McLean](https://forum.servoy.com/u/Gordon_McLean)\
**Post date:** [November 9, 2017, 4:13pm UTC](https://forum.servoy.com/t/nganimate/19503/1 "2017-11-09T16:13:07Z")

</div>

Hi  
I am looking to develop a simple mobile solution with an number of list and detail pages. Ideally I would like Servoy to animate the page transitions ie between say a list view and a details view with a slide left/right transition. Is this possible ? Are there work arounds ? I am effectively looking for the ngAnimate functions found in regular Angular

best  
Gordon

---

<div class="post-metadata">

**Author:** ![paronne](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/paronne/32/5096_2.png) [@paronne](https://forum.servoy.com/u/paronne)\
**Post date:** [November 10, 2017, 12:11pm UTC](https://forum.servoy.com/t/nganimate/19503/2 "2017-11-10T12:11:27Z")

</div>

Hi Gordon,

you don’t need NG Animate to achieve what you ar looking for but you can do it with some CSS applied on our default split panel.  
You can change the divider location of the split panel to 1 to hide the right form and to a value close to 0 (you can try it but i don’t think the value 0 is supported, therefore you need to set it to a value like 0.01).

The CSS will be something similar to this

```auto
.split-panes.horizontal > .split-handler {
	width: 0px !important;
}

.split-panes.horizontal > .split-pane2 {
	transition: left 500ms;
	max-width: 100%;
	border: 0px;
}

.split-panes.horizontal > .split-pane1 {
	transition: width 500ms;
	max-width: 100%;
}

```

---

<div class="post-metadata">

**Author:** ![Gordon\_McLean](https://avatars.discourse-cdn.com/v4/letter/g/839c29/32.png) [@Gordon\_McLean](https://forum.servoy.com/u/Gordon_McLean)\
**Post date:** [November 10, 2017, 12:34pm UTC](https://forum.servoy.com/t/nganimate/19503/3 "2017-11-10T12:34:11Z")

</div>

Many thanks Paolo will give this a try

Rgds  
Gordon