How do i make a home screen with images taking the user to the chosen view?

I have an app where i want to add a โ€œHome Screenโ€. I want that to be an initial screen that allows the user to click on a photo/image to take them to the correct view:

I have this in my app - but it doesnt take them where i want them to go. Those two images are in a table. They currently do not take the user to the correct views. How do i do this?

Solved Solved
1 18 1,299
  • UX
1 ACCEPTED SOLUTION

You need to make your LINKTOVIEW action dynamic depending on the image record selected. Probably start by adding a new column to your images table: [View Name]. Put the exact UX-View name that you want navigated to from that image into the new column for that row. Then change your expression to:

LINKTOVIEW( [View Name] )

View solution in original post

18 REPLIES 18

Do i need to create a table holding the images? then reference those?

Isnโ€™t that what you already have?

Donโ€™t know what this means.

Check out this help article as well.

And sample app:
https://www.appsheet.com/samples/An-app-launcher-for-other-AppSheet-apps

And general searches in google and here for โ€œcustom menuโ€ โ€œmenu launcherโ€, etc

This is my image table:
3X_2_3_23fd394b338b92378addbbfcf29fc1022ef48004.png

This is the columns i used to reference those images from my MAIN table:
3X_4_1_41fa260dd516750429586ee1d1c31cc579645f66.png

Problem:
When i build the โ€œHome Screenโ€ - i have to use the โ€œimage Tableโ€ - which goes no where when the user clicks on the images.

I looked at the app launcher link you sent already before i tried - i am not understanding where I reference and how to reference these images - so that the user clicks on them and they goto the table I want.

You can create a LINKTOVIEW() action, then set it as the Row Selected Behavior as shown in my initial post.

Worked PERFECTLY! Thanks again as always!

Ok. Only problem i am having is I have two images. Do i make two tables? If so, Ho do I pout them in the same Gallery? Because i have more than one image - the behavior will only goto to ONE view. What about the other?

Well I made a dashboard and it seems to work great. Thanks again

You need to make your LINKTOVIEW action dynamic depending on the image record selected. Probably start by adding a new column to your images table: [View Name]. Put the exact UX-View name that you want navigated to from that image into the new column for that row. Then change your expression to:

LINKTOVIEW( [View Name] )

What โ€œtypeโ€ do i make that new column?

Is that right?

nm. Iโ€™m stupid. I figured out what you meantโ€ฆ

Thanks

Please help others by posting what your solution was. Most helpful. Thanks.

Yes,
So I was looking to have a home screen with images for my users. I wanted them to be able to click on an image and the app would take them to a certain โ€œViewโ€.

Home Screen - user clicks on โ€œMAPโ€:

MAP View:

To build this I had to first create a table telling the app what to do when the user clicks on the image/button:

Leave the column โ€œView Nameโ€ - empty.

Then in the app I add that table:

Now build your first โ€œHome Screenโ€ view:

NOTICE - the โ€œon Clickโ€ option ? There is where you MUST create./build your actions - so when the user clicks on a certain image it will take them to THAT view:

Each of these are views I also had to build to make the app have a view to go to for the user selection:

And that is it!

Does it make sense?

I would also be interested in how to get this accomplished. More specifically I would be interested how to get this accomplished without needing a Table at the backend. It seems that most everything I need to accomplish somehow requires another column in a table or an entire table. By the time Iโ€™m done I feel like I have a dozen additional resources to manage.

Not possible.

Steve,
Do i create/build my image table, then reference those images?

Aurelien
Google Developer Expert
Google Developer Expert

Hi all,

Thank you @Tiger for sharing your solution

An additional solution: a few months ago I found this sample app as well, that does the exact same thing as you describe, but without the action to build as itโ€™s generated with a virtual column expression:
https://www.appsheet.com/samples/Schedule-retail-order-pickup-and-customer-interactions?appGuidStrin...

The main difference is here:
3X_0_1_0105b3731b3223ee53dbe8c8da970146b0be4e29.png

With this expression in the virtual column formula:
"#view="&[View Name]

and view layout is:
3X_6_1_6120c18a23a9d906e8c3401ead5e61d5e7a223c9.png

Hope that may help !

Top Labels in this Space