Changing icons

6 years 1 month ago #303317 by jhoefs
Changing icons was created by jhoefs
Hello, I have a problem noone has been able to solve yet, perhaps you can help me.

I have community builder setup within a custom template I created using the Helix3 framework. There are a few things I'd like to change about the CB profile view:

The dropdown menu that has 'edit' and 'connections': I'd like to change 'edit' to a fontawesome icon, and remove 'connections' from the menu. I might want to move this edit profile icon around the page. Perhaps I could just get rid of the menu and add a custom link somewhere else? Or should I keep the menu and insert the icon through there, and how do I do that?

The hamburger icon to the bottom right of canvas: Change it to another Fontawesome icon. I think I would have to do this by changing the php, unless there is a way to do it through the backend.

Thank you!

Please Log in to join the conversation.

6 years 1 month ago #303336 by krileon
Replied by krileon on topic Changing icons
All the icons throughout CB are already fontawesome icons. You can't change them without overriding their CSS. The only exception is the expand icon is just Bootstrap 3 styling.


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 to join the conversation.

6 years 1 month ago - 6 years 1 month ago #303342 by jhoefs
Replied by jhoefs on topic Changing icons
I have no problem changing CSS. Maybe I didn't make my question clear enough.

The default CB install has a menu at the top of "My Profile". This menu has two items in it: edit and connections. I would like to replace the word 'edit' with a FA profile image (fa fa-profile). And then I would like to hide the 'connections', link since that is covered elsewhere in the page.

Also, the connections icon on the bottom right of the canvas, I would like to change that, as well. In this case, 3 separate bar icons are used. So I want to replace it with one icon (fas fa-code-branch) - where do I do that? Will it be a problem that the php is already wired to output 3 icons?

How would I go about putting in a new icon link? What if I wanted to do this: place a new bullhorn icon (fas fa-bullhorn) on the page that linked to a custom page that has audio files on it - how would I do this? Is it adding a new field or tab that does this magic in CB?

Thank you!

Please Log in to join the conversation.

6 years 1 month ago #303359 by krileon
Replied by krileon on topic Changing icons

The default CB install has a menu at the top of "My Profile". This menu has two items in it: edit and connections. I would like to replace the word 'edit' with a FA profile image (fa fa-profile). And then I would like to hide the 'connections', link since that is covered elsewhere in the page.

Ah, ok you should be able to just override those language strings with your HTML. See the below on how to use language overrides in CB.

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

Also, the connections icon on the bottom right of the canvas, I would like to change that, as well. In this case, 3 separate bar icons are used. So I want to replace it with one icon (fas fa-code-branch) - where do I do that? Will it be a problem that the php is already wired to output 3 icons?

Use CSS to replace the first element then hide all of its siblings would be the way to do that. I'm working on upgrading CB to Bootstrap 4 and it's a single element in B4 so will be easier then.

How would I go about putting in a new icon link? What if I wanted to do this: place a new bullhorn icon (fas fa-bullhorn) on the page that linked to a custom page that has audio files on it - how would I do this? Is it adding a new field or tab that does this magic in CB?

Currently there's no management for CB Menu (planned in later CB release). So the only way to add new menu items is with API. Easiest way is to use CB Auto Actions to do this.


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 to join the conversation.

6 years 1 month ago #303406 by jhoefs
Replied by jhoefs on topic Changing icons
Great, hey thank you so much.

Follow up question: if I do a substitution for the word "edit" is that going to do that across the board (i.e. if a user puts the word "edit" into a field, like their "about me" field [which on my site I encourage people to put poetry, etc.] will the substitution replace that, as well?]

Again, much appreciation.

Cheers,

Jonathan

Please Log in to join the conversation.

6 years 1 month ago #303418 by krileon
Replied by krileon on topic Changing icons

Follow up question: if I do a substitution for the word "edit" is that going to do that across the board (i.e. if a user puts the word "edit" into a field, like their "about me" field [which on my site I encourage people to put poetry, etc.] will the substitution replace that, as well?

No, inline translations don't exist (in Joomla or CB). To do inline replacements like that you could use CB Replacer Bot which works anywhere that Joomla content bots work and allows replacing content inline either as a string replacement or REGEXP replacement.


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 to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.263 seconds