I would use tiles instead of cards. And have them 3 in one row. With square ratios
@Mark_Turrell size your icons like 3:1 (width:height) to get inline list with small height. Use inline list with tiles and 3 tiles on a row
Take a look here
Very nice - perfect sizing for my needs.
Question: why is the background automatically grey? I just pasted in the emojis into GSheets and yet the image seems to default as ‘transparent to grey’. Weird! Any ideas? (and thanks again for the solution!)
Wow - that is some seriously good organizing too. Thanks for sharing! Giving me lots of ideas now
PS: I think your video script seems production heavy because it should be set up for each “icon” …
Personally, I use a method of incrementing ID Menu 1 and if under menu ID Menu 2 and etc which opens Simple Apps or Compound Apps, then handled by row IDs injected into Menu 1, 2, 3 and etc …
Thanks to @ Lucas_Pires for the idea
PS²: Special dedication Glide & Emoji (with RowID) !!!
BONUS : Organizing Tools…
WIP >> apps.marctapage.com
…
Exemple :
Project Showcase, BehindTheScene:
Menus…:
Keys (≃ + VLookup&ID)
Apps (≃ + +@)
I normally create an image and not an emoji. The image would have the dimensions 3:1.
You could just paste your emoji on a white background image and save it
Make your emoji transparent PNG format and check element settings, maybe you have a text overlay on the tiles
It’s weird - if I present the icon as an Image by itself it has a white background
But if I include the same image (pasted in emoji) in an inline list it has a grey background.
What am I missing? Or should I go the png image route in any case? Thanks!
I think yes that is exact
A Sunday fisherman’s solution :
A correct column composed by columns composed of the kind when the png solution is developed it works otherwise it will switch to emoji while waiting for dev. Cloudinary.com for example ;
Example in video by Mentor () > https://youtu.be/cGCVJrczIHc
And as said below
I think it’s the default Glide settings. You’re not having an image in your case, then Glide automatically sets a grey background. I usually use a Cloudinary template with a base64 image URL to generate small icons.
Here’s a sample.
https://res.cloudinary.com/[yourusername]/image/fetch/l_fetch:[your base 64 image URL],w_150,h_150/https://i.imgur.com/5LXK0rU.jpg
Convert your image link to base 64 here: https://www.base64encode.org/. I usually upload them to Imgur first.
If you upload the images to overlay eachother then you don’t have to base64 the image
https://res.cloudinary.com/[yourusernae]/image/upload/l_[folder where overlayed image is]:[overlayimage]/[baseimage folder]/[imageid]
Example
https://res.cloudinary.com/homersimpson/image/upload/l_myfamily:homer/MyImageUtilities/900x600_grey.png
if you are posting as a emoji … it will overlay as a text… so it will give gray background to make text visible, stick to tiles with PNG if you wanna keep background native, or JPG if your own
check my App with inline choices… PNG tiles…
if you can do me a favor to test drive this app? not finished yet… but like 80%
Great app! Some thoughts
- when I clicked on the Shopping Cart, there was no ‘back’ button so I was confused where to go next
- select by cuisine type - nice UX that tick mark appears, but the selections of restaurants, etc do not
But I can tell it is work in progress - lovely app!
ah! now I see it! I did not notice it before