Can you include and place icons on a details screen... that do something?

I would use tiles instead of cards. And have them 3 in one row. With square ratios

1 Like

@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

3 Likes

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!)

Screenshot 2021-03-06 at 10.58.34

1 Like

Method that works well for the moment :+1: :+1:
Exemple :

1 Like

Wow - that is some seriously good organizing too. Thanks for sharing! Giving me lots of ideas now :slight_smile:

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 :point_up::joystick:1, 2, 3 and etc …

Thanks to :clap::clap::+1: @ Lucas_Pires for the idea :slight_smile:

📚 E-book flow with Swipe style - #22 by Lucas_Pires

3 Likes

PS²: Special dedication Glide & Emoji (with :lock:RowID) :heart_eyes: !!!

BONUS : :bulb: Organizing Tools…
WIP >> apps.marctapage.com

Exemple :


:face_with_monocle: Project Showcase, BehindTheScene:
:file_cabinet:Menus…:

:key:Keys (≃ :file_cabinet: + VLookup&:lock:ID)

:card_file_box:Apps (≃ :file_cabinet: + :key: +@)

4 Likes

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

1 Like

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 :slight_smile: :
Capture d’écran 2021-03-06 à 12.34.20
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 (:gift_heart:) > https://youtu.be/cGCVJrczIHc

And as said below :arrow_double_down:

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.

4 Likes

Here’s a sample.

image

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.

3 Likes

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

3 Likes

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…

3 Likes

@Uzo very neat app. Great job👍

1 Like

if you can do me a favor to test drive this app? not finished yet… but like 80%

1 Like

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!

1 Like

is not showing this floating button?

1 Like

ah! now I see it! I did not notice it before :slight_smile: