Background color loading slow with KIO4_Gradient Color Extension

Discuss
#1

Hi, I am using KIO4 Gradient extension in my app to color the background of a vertical layout. The color is fine and no problems with that. But when the app is initiated/started, it takes about 1 sec for the background color to appear and during that time the default color of the layout is shown. I tried with different mobiles of different configurations, but all the mobiles show the delay in background color appearing.
I want to use this extension as it is and not use the image option as the background image for the layouts. It would be helpful if someone could guide me to resolve this.


Here’s a video showing the problem. The first page loads fine. The delay in loading the background color is on the second page (at 0:06 in the video). Don’t mind the delay in image loading. That is fine.

image
image718×211 26.9 KB

I have my blocks as shown above.

#2

Post a screenshot of the blocks you use when second screen initialize

#3

initializing blocks

#4

In Screen’s properties do you use Open Screen animation or is it set to None ?

#5

I have set it as ‘ZOOM’, not none

#6

Set it to none and see if it loads faster

#7

I did as you suggested. Sorry, but no change. Same delay as before

#8

If you use only call gradient block when screen initialize do you face same behavior ?

#9

yes, it’s the same result. I tried it in a new app. Same here.

#10

Do you have enabled splash Screen in project settings ? Try to disable it.

image
image1141×417 32.2 KB

#11

Splash screen is disabled.

#12

I’m running out of ideas :slight_smile: If you wish post your aia or a test aia that shows the problem here

#13

Thankyou for trying. :+1:

I will try to recreate this in a test aia and will see to post here. My final app is already completed, just this background color delay is there. I think using a background image as gradient is the shortcut to take now for publishing it asap. Will post updates if I get it resolved.

1 Like
#14

I had this problem too. I used 3 gradient colors. But I used the center color of the gradient as the background. Outcome. The difference is less noticeable.:ok_hand:

1 Like
#15

That’s a nice trick. But I only use two colors. I’ll try to do something similar.