ngAnimate

Classic Servoy
1

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

2

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

.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%;
}
3

Many thanks Paolo will give this a try

Rgds
Gordon