ngAnimate

Forum to discuss the new web client version of Servoy.

ngAnimate

Postby Gordon McLean » Thu Nov 09, 2017 6:13 pm

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
Gordon McLean
Clickdigital.com
Gordon McLean
 
Posts: 200
Joined: Wed Aug 03, 2005 12:24 pm
Location: UK

Re: ngAnimate

Postby paronne » Fri Nov 10, 2017 2:11 pm

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

Code: Select all
.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%;
}
paronne
 
Posts: 99
Joined: Fri Nov 02, 2012 3:21 pm

Re: ngAnimate

Postby Gordon McLean » Fri Nov 10, 2017 2:34 pm

Many thanks Paolo will give this a try

Rgds
Gordon
Gordon McLean
Clickdigital.com
Gordon McLean
 
Posts: 200
Joined: Wed Aug 03, 2005 12:24 pm
Location: UK


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 5 guests