Main Background image

AppSheet AppSheet Q&A
1

Dear friends,
Is it possible to change main background from color to image on AppSheet? I want to have an image as background behind of buttons.

Muzekker_Vatan_0-1720458249487.png
Muzekker_Vatan_0-1720458249487.png1448×757 36.8 KB

2

only way I know to achieve this is by changing the Background image in the UI/UX section of Appsheet. But notice that it will change it in the whole app.

peterson_0-1720458926372.png
peterson_0-1720458926372.png807×193 42.7 KB

peterson_1-1720459012055.png
peterson_1-1720459012055.png344×607 24.6 KB

Another way to achieve this result is on the detail view seeting the main image as background

peterson_3-1720459124486.png
peterson_3-1720459124486.png810×138 13 KB

peterson_2-1720459108426.png
peterson_2-1720459108426.png1915×820 59.3 KB

3

Dear peterson,
Thanks for your assist, but looks like it is not a solution form my issue :disappointed_face:
The type of my view is card. So, all buttons are on card view type. I want to change background of this card view as i mentioned.
Background option under details view is connected with image if any you have in data you have as i know. Meaning, it is gonna white if you do not have an image in detail record. :disappointed_face:

4

So you can’t do this in Appsheet in this moment. Appsjeet doesn’t support this feature yet.

1 Like
5

Hello my friend I guess I have a solution for your problem.
Remember that you can use a background image in a detail view? So, advise you to create a detail view and use many images in HTML source, this way you can create an action to take the user whatever you want.

  1. Go to Canva and create cards with the image and text you want, one for each option you need.

  2. Upload all of those images to an image host website, I recommend imgbb.com

  3. Get the HTML code of this image as the image below:

peterson_0-1720578479909.png
peterson_0-1720578479909.png616×378 6.05 KB

  1. Create as many virtual columns as you need, and in each of them you paste this URL between " ", set this virtual column as long text and choose the HTML option fo it.

  2. Create an action with a LINKTOVIEW to all of the cards you created and set them as inline and attach it to the respective virtual column.

  3. Obvioulsy, don’y forget to set a main image to the background of your detail view

This way you’ll have a view with many images and these images will be clickable and you’ll also have the background image. Maybe the result won’t be as beautiful as you want, but it’ll work !!!