# Icons next to each other **URL:** \ **Category:** Ask for Help\ **Created:** [November 18, 2020, 6:02am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594 "2020-11-18T06:02:16Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\ **Post date:** [November 18, 2020, 6:02am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/1 "2020-11-18T06:02:16Z")
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. ![WhatsApp Image 2020-11-18 at 09.58.51](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b67b473de7e98e850d2cdf5a69106a2c9e3b0320.jpeg) ---
**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\ **Post date:** [November 18, 2020, 6:04am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/2 "2020-11-18T06:04:10Z")
That should be possible with CSS - [HTML for floating button - here you go!](https://community.glideapps.com/t/html-for-floating-button-here-you-go/18321) ---
**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\ **Post date:** [November 18, 2020, 11:56am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/3 "2020-11-18T11:56:11Z")
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. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [November 18, 2020, 1:02pm UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/4 "2020-11-18T13:02:28Z")
Yeah I think this is the best way without adjusting anything else with CSS. ---
**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\ **Post date:** [November 18, 2020, 1:22pm UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/5 "2020-11-18T13:22:16Z")
Rightly said @SantiagoPerez This is what I use and it looks super clean. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/96e748c717a1e50b1c632da71706334fa3e14272.jpeg) ---
**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\ **Post date:** [November 19, 2020, 6:39am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/7 "2020-11-19T06:39:40Z")
Square tiles with 4 in a row ---
**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\ **Post date:** [November 19, 2020, 6:40am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/8 "2020-11-19T06:40:30Z")
Solved! Thanks! ---
**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\ **Post date:** [November 19, 2020, 6:40am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/9 "2020-11-19T06:40:55Z")
Solved! Thanks! \<3 ---
**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\ **Post date:** [November 23, 2020, 8:10am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/10 "2020-11-23T08:10:05Z")
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 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e284809a9a6e217bc467d785342a384eec56d881.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/e/8ea2b90ddd8a23d63136ee7068c06641025c6e7c.jpeg) ---
**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\ **Post date:** [November 23, 2020, 8:27am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/11 "2020-11-23T08:27:24Z")
Seems like you should change rows to columns ---
**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\ **Post date:** [November 23, 2020, 8:29am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/12 "2020-11-23T08:29:56Z")
Thanks it working , so can I ask how do I get the second link to work in this case? ---
**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\ **Post date:** [November 23, 2020, 8:31am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/13 "2020-11-23T08:31:50Z")
Move all your links under one row. ---
**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\ **Post date:** [November 23, 2020, 8:39am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/14 "2020-11-23T08:39:59Z")
So I am tryna get that when they click the image it opens the view link not the image itself ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/a/3a5d79af60390f2f508a3920c30f232c9f56cc59.png) ---
**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\ **Post date:** [November 23, 2020, 8:42am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/15 "2020-11-23T08:42:44Z")
Okay got it working but I get an error like this ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/96ef457b0f1dd4c658b3cfe589f93dcd56e223d2.png) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [November 23, 2020, 9:51am UTC](https://community.glideapps.com/t/icons-next-to-each-other/18594/16 "2020-11-23T09:51:11Z")
Use an open link action, Facebook won’t work with webview.