How to reference an image

https://ey5pl.glideapp.io (link to app)

Working on an idea for the Scoreboard tab on the app. I would like it to do the following:

  1. scoreboard tab
  2. tap on school name
  3. see list of teachers that have earned a badge ad how many
  4. tap a teacher name
  5. view an image of the badge earned. same images for badges used on the main tab (badges!)

I have everything except for step 5. I am not sure how to reference back to the image of the badge.
spreadsheet link: https://docs.google.com/spreadsheets/d/1HPcg2vn3-hhZ0fYUn1U7xGE-gXYe5QlNVb1Biwv8VRw/edit#gid=1813723890

any ideas on how to make this work?

Very cool. I’ve been looking to do something similar. I believe you’d have to use the name of the Badge (“Google Slides”) instead of an “x” in the spreadsheet. Then, in your app, create a relation between this value and the “Badges” column of the spreadsheet. Then, create a lookup column that will pull the URL of the badge. Replace the Basic Text component with either a relation or image or title component based on your preferences. Use the lookup URL as the source of the component.

Like this?! :wink:
Screen Shot 2020-02-24 at 10.33.03 AM

Excited to use this in my own app! Your spreadsheet is set up nicely and I used a trick from @Jeff_Hager to make this happen (Filtering issue: when i select ‘vegan’ also show me ‘vegan, high protein’ )

As promised:

2 Likes

Awesome. Here is a link to the app using what was taught in the video:
https://ey5pl.glideapp.io