Add a link from image in web app

[Megan Bennett]

I need to add a link to social media site in a static image in a web app detail layout.

I have thought this would be...

<a href="{tag_facebook}"><img alt="" src="/_assets/css/images/social-facebook.png" /></a>

but this displays the link bedside the icon.

I have tried field type "Text string (Hyperlink)" and "Text string (String)".

any help appreciated.

thanks megan

[Liam Dilley]

Hi Megan, Hyperlink will form a link, If you use string text field as the facebook href tag and you do the above code it will work. But if your doing that manually and setting a manual image you do not need to make a custom field for it as if you wanted it to be youtube you cant change the image. So why not just hard code it into the layout?

[Megan Bennett]

Hey Liam,

Franchise list of stores added to a web app abd each store can have a different link added to the icon.

• The icon is hard coded into the layout
• The url needs to change for each

e.g. 15 Stores, some have their own Facebook page, some will link to a central Facebook page.

So the icon is static in the web app detail layout, but url changes.

When I add the code

<a href="{tag_facebook}"><img alt="" src="/_assets/css/images/social-facebook.png" />

the result in browser looks like...

thanks Liam

[Liam Dilley]

Well Look at what you posted first and this:

<a href="{tag_facebook}"><img alt="" src="/_assets/css/images/social-facebook.png" />

You not closed off the anchor in this case above.
So how exactly you put your html? You very likely have a syntax error.

[Megan Bennett]

hey Liam, no sorry I typed into the forum incorrectly.

See layout from web app above.

[Liam Dilley]

And that is a text type custom field - what are you pasting in it?

[Megan Bennett]

yes.  See above screen dump.

[Liam Dilley · Accepted solution]

Nope

That is text hyperlink so that renders its own anchor tag.

You need to use text only for that to do what you want.

You cant edit type and save, you have to delete that and remake it.

[Megan Bennett]

Thanks Liam.  Solved. I needed to DELETE to make it stick!
 

Much appreciated, megan