Strange screen behaviours and transitions

Strange screen behaviours and transitions

  

I'm having some strange issues when I'm using an app I'm developing for Android phones.

Issue 1:

Before even loading the login screen. My screen is blank, but takes on the colour of the theme of the app. For the longest time I had a green screen because I had a green theme set, but I set it to white so the screen colour won't be distracting prior to loading the login screen.  

Also, when my login screen loads, it blinks very briefly and the theme colour flashes for an instant before the app behaves normally. I know this isn't a stylesheet issue because I compared stylesheets to old versions of the app that were functioning just fine and any differences with new stylesheets didn't produce the behaviour.

Is there any way that I can implement a "Loading" screen before the login screen appears? I thought about doing something with OnInitialize, but I'm very new to Outsystems, and I've done the mobile training and still can't seem to come up with a solution.

Issue 2: SOLVED - The transition property in Destination screens when set to (Module Transition) can cause some weird behaviour if you also have some animations which run on your destination page. 

I have a list on a screen which populates with user input. Once the user decides to go to another screen (Where the list is also serialized - passed in, then deserialized), the bottom of the list gets a big grey line (for a split second) before finally changing screens.

I debugged and found that the list block raises an event which a handler responds to, once the handler is done, the block logic - which only executes an event - goes to the end, and THERE Is where the grey line appears, right at the end and right before the screen transition. Any suggestions on how to fix this weird problem?

Issue 3: 

I used vh to set the max-height of the screen so that the list doesn't grow so long that the user has to scroll, the problem is that it works on my android, but it seems that my coworkers list grows a little longer before the max-height kicks in. Any way to normalize this across all screens? I thought it wouldn't be a problem when setting vh. 


Its quite a mouthful, but any help is appreciated.
Ala


Solution

Hi Ala,

Regarding your Issue 1, you can try to change the native splash screen. In fact, there is 2 splash for one app. The colour screen you see when opening the app is embedded into your app and it is loaded before you can connect to your server and see the Splash screen you design in Service Studio.


You can customize this embedded screen defining your own images as you can see in these links

 https://www.outsystems.com/blog/posts/make_outsystems_apps_stand_out_splash_screen_customization/

https://success.outsystems.com/Documentation/10/Delivering_Mobile_Apps/Customize_Your_Mobile_App/Use_Custom_Splash_Screens


Sorry about Issue 3, I am not a good reference for layout stuff :)


Best regards

Fabio



Solution

Hey Ala,

Are all the heights of elements screens defined with vh and no margin?

Regards

Fábio Fantato wrote:

Hi Ala,

Regarding your Issue 1, you can try to change the native splash screen. In fact, there is 2 splash for one app. The colour screen you see when opening the app is embedded into your app and it is loaded before you can connect to your server and see the Splash screen you design in Service Studio.


You can customize this embedded screen defining your own images as you can see in these links

 https://www.outsystems.com/blog/posts/make_outsystems_apps_stand_out_splash_screen_customization/

https://success.outsystems.com/Documentation/10/Delivering_Mobile_Apps/Customize_Your_Mobile_App/Use_Custom_Splash_Screens


Sorry about Issue 3, I am not a good reference for layout stuff :)


Best regards

Fabio



Thank you for the link Fabio! this is great for the first issue!