menu

  

Hi Guys,

I've got a requirement of mobile app screen design,that if the user click menu in home screen, then the home screen should shrink and move to the right,  I want to know that it is possible? 

If yes kindly assist me. i've attached a sample design.


Thanks

 Shyam

Hi Shyam,

'out-of-the-box' there is no option in OutSystems mobile to do this.

But.... isn't OutSystems credo "If you can imagine it you can code it" ?

Using some css3 animations this can be implemented.

The following codepen has an example how to move content from left to right: https://codepen.io/anon/pen/yvRPOg

You can shrink html 50% by adding the class below to your screen container:

.shrink50percent {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
}