Custom Field help with URLs (+ clickable icon)

[Richard Peters]

Hi all.

As a new user I am trying to get to grips with customs fields. I have created a custom field that I want viewable below the members avatar when viewing posts, but as per the attached thumbnails I have not done something right, which you can see for the 500px URL.


I have set the value requirements to URL, but I am unsure of what to put in the Value Display HTML, but this is what I have right now.


As an aside, is there a way I can have an icon displayed instead of the URL as it looks a little ugly below the avatar to have http:// showing. So, an icon that when clicked, takes you to that web address would be great!

Thanks in advance for any help

 

[Fuhrmann]

You can change to this:

<a href="{$valueUrl}"><img src="PATH TO ICON" /></a>

 

[Richard Peters]

Excellent, thank you, that worked nicely!

My only other issue (which I forgot to mention) is when I click the link, instead of being taken to that web address I get an error message and the URL in the address bar has the forum address plus the link I want to be taken too, but it is mixed up like this: http%3A%2F%2Fwww.500px.com%2FRichardPeters

 

[Fuhrmann]

Try to use :

{$value}

instead of {$valueUrl}.


But I think the right one is {$valueUrl}!

 

[Richard Peters]

Using value and not value Url fixed it, thank you

One last thing (apologies) is it possible to somehow make this link open in a new window/tab when clicked on?

 

[Paul B]

Add target="_blank" to the href.

 

[Richard Peters]

Ah yes!! thank you very much. Great support on these forums. Glad I went with XF over others...!