Skip to Content Skip to Menu

Using graphics in social network fields on profile

  • LineMine
  • LineMine
  • OFFLINE
  • Posts: 160
  • Thanks: 22
  • Karma: 6
7 years 2 weeks ago #298653 by LineMine
Hi

I'm looking to substitute the default linking text from social network user id field with graphics. For example, I've called up a Facebook icon from the media library by using an image tag in the Profile Value layout box of the fb_userid field. The button shows up fine but I'm not sure how to link it back to the user so that clicking on it connects to their Facebook account, if indeed this is possible?

Thanks.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48536
  • Thanks: 8290
  • Karma: 1445
7 years 2 weeks ago #298666 by krileon
So you want the Link button to show in profile view? With latest CB Connect it can now show in profile edit if the field is set to display in profile edit and they aren't already linked. I can review adding similar function for profile view if that's what you're wanting.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • LineMine
  • LineMine
  • OFFLINE
  • Posts: 160
  • Thanks: 22
  • Karma: 6
7 years 2 weeks ago #298732 by LineMine
Hi
My apologies, I didn't make myself clear in the first post, and references to linking were the problem.

What I would like to do is to substitute a button image for the default text "View Facebook Profile" which appears on user profiles if the Facebook ID field is set up to show this. I put a link to a button image in the Profile Value Layout box, but this obviously just overrides any link to the user Facebook profile, and just shows a static button image. I think basically I'm not expert enough with CB substitutions to do this, if it is possible. I have attached some relevant screen grabs.

As well as being able to do this on a field by field basis, I'm wondering whether it would be possible to add a button function like this to CB Connect anyway? You mentioned the fact that it is possible to show a link button in profile edit, and it seems that CB Connect has the ability to currently generate different types of buttons in different locations, both for Sign In and also to Link profiles to accounts like Twitter and Facebook etc. Would it be possible to add a button option to show on user profiles instead of the "View Facebook (or other social network) Profile" ? Just a thought.

Thanks
Attachments:

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48536
  • Thanks: 8290
  • Karma: 1445
7 years 2 weeks ago #298765 by krileon
Easiest way to do that is to just translate the language key VIEW_FACEBOOK_PROFILE to your needed HTML icon. This can be done using the language override functionality below.

www.joomlapolis.com/blog/kyle/18701-language-overrides-have-arrived

For example you'd have the following.

Key: VIEW_FACEBOOK_PROFILE
String:
Code:
<img src="images/Social_icons/Facebook32.png" alt="Facebook" />

You can do this with every provider simply by replacing FACEBOOK in the language key with uppercase of the provider id (e.g. TWITTER, GOOGLE, etc..). You can even do this globally for all providers using VIEW_PROVIDER_PROFILE.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • LineMine
  • LineMine
  • OFFLINE
  • Posts: 160
  • Thanks: 22
  • Karma: 6
7 years 2 weeks ago #298792 by LineMine
Hi

So I got this to work perfectly for the field label "Facebook ID" just to check I was doing the substitution correctly, in the CB language plugin override, but no luck with the language key VIEW_FACEBOOK_PROFILE.

The problem is I ran a search on this key, and a general search on the word "Facebook" in the CB language plugin, and it couldn't find this key at all, just some other Facebook related stuff. I've used this override a lot since you introduced it and I've found it very reliable at searches for language keys, so I'm a bit stuck now.

Thanks

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48536
  • Thanks: 8290
  • Karma: 1445
7 years 2 weeks ago #298802 by krileon
You're not going to find the language key VIEW_FACEBOOK_PROFILE with the search. Just manually copy and paste it to the Key input. The generic language string used is VIEW_PROVIDER_PROFILE while VIEW_FACEBOOK_PROFILE is also made available per provider.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum