Icons next to each other

I would like to have icons (call & Instagram) mentioned in screenshoot to be located next to each other but not under each other. Call icon is “action text” component, Instagram icon is “link” component.

That should be possible with CSS - HTML for floating button - here you go!

You could use a inline list with tile view and the action would be open link.

There are better ways to do it.

Let’s see what @Manan_Mehta says.

3 Likes

Yeah I think this is the best way without adjusting anything else with CSS.

1 Like

Rightly said @SantiagoPerez
This is what I use and it looks super clean.

7 Likes

Square tiles with 4 in a row

Solved! Thanks!

1 Like

Solved! Thanks! <3

1 Like

Hi @Manan_Mehta not sure what I am doing wrong it doesn’t seem to be showing all four images like yours. Please can you tell what I am doing wrong


Seems like you should change rows to columns

1 Like

Thanks it working , so can I ask how do I get the second link to work in this case?

Move all your links under one row.

So I am tryna get that when they click the image it opens the view link not the image itself

Okay got it working but I get an error like this

image

Use an open link action, Facebook won’t work with webview.