Video Tutorials - How to use the custom view editor

Modified on Fri, 12 Aug 2022 at 11:47 AM



Tips and Tricks

Can I create a glass effect? 

Yes, add a vertical or horizontal layout and set the background color to white. Edit the hex code of the background color and add one of the following codes at the end: 

1A for 10%

33 for 20%

40 for 25%

66 for 40%

80 for 50%

99 for 60%

B3 for 70%

BF for 75%

CC for 80%

E6 for 90%



The top layout containing just the white title is set to 20% (#FFFFFF33).

The horizontal layout containing the buttons is set to 75% (#FFFFFFBF).


What size should I design my background graphic at?


Image requirements: 

  • Image size: max 800x800 pixels
  • File size: under 50Kb (best if under 40Kb)
  • File format: jpg or png

Use a simple graphic with only a small number of colors.


Important: 

  • No text all your text must be added via paragraph or title objects
  • Avoid photographs or gradients. Use simple geometric imagery to keep file sizes as small as possible
  • No transparencies 
  • Low contrast since navigational features scroll above the image. 

The graphic may be cropped depending on the screen size and the orientation of the device. Avoid any text in the graphic and high contrast. 



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article