How to display a social media icon and if clicked the image,it should open the link in pages

Hi

Need to display social media images below.ifvthebimages clicked it needs to open the respective link.

Have done this but if i clicked no response.

I want the image to be clickable and goes to the link given.

1 Like

How are you setting the data up on your backend? Are they 4 rows? Can you give a screenshot of the action setup for your collection?

It seems like you’re using a “collection item action”, but Lucas used a “click action” instead.

image

Hi

Have done this exactly.And in each title column image field i have added YouTube,Instagram,whatsapp icon.Then in action have given a open link.

What should I do to work if that image clicked should go to the link given.

I don’t know which title column ?i used action title.

It still not working.can you help me to solve this.
Have done everything manually,not from glide table fetching data.

Hi Have added one more screen shots,

Please provide a solution for this.Still not able to create this functionality.

The reason im not giving anything in the action is,its creating a button to open the link given.
But i want the image to be clicked to open the social media.I waant to know where should the link be given.

Provide steps to solve this.

Hi

What should exactly do to create an social media icons to display at the bottom of the pages and if clicked it should go to the link given.

Whether the icon and link should be created in glide table or else manually given in the field?

Any example template for this.

@Robert_Petitto i need your help

just add action to the rich text to open the link:

<div class="logo"><img src="https://www.broadwayinchicago.com/wp-content/uploads/2020/11/facebook-logo-png-transparent-background.png" align="left" style="width:18px;height:18px;" /><b>
‏‏‎ ‎‏‏‎ ‎Facebook</b> </div>
<pre><span><style>
.logo{position:fixed; bottom:12%}
1 Like

Here’s a video:

It’s working but some problems are there but I’m ok with that problem too.

What “problems” do you have?

1 is it’s not centred,i must fill it atleast 4 social media icon.

2 is Instagram icon when clicked,it’s not loading the login screen in browser(edge) but it is showing the login screen in mobile,at the same time its open the given insta I’d owned user in browser.

Please show some screenshots or a video of how you’re setting it up.

Hi

The issue with instagram not coming now.its ok.

But the social media icon problems shown in screenshots.
see space on the right side on full screen

container screenshot


collection screenshot

social media table

Add one more social media to fill that space :smile:. Maybe Twitter

Have changed the width to come to the center ,no issues.

1 Like