Totara Learn Open Discussions

How to add fontawsome in html elements like button, dropdown etc.,

 
Rajaguru V
How to add fontawsome in html elements like button, dropdown etc.,
von Rajaguru V – Thursday, 22 October 2020, 3:35 PM
 

Hi All,

I'm new to Totara. 

I'm working on the customizing UI theme in Totara. I need to customize the designs in button, dropdown, radio button and checkbox with fontawesome icons like the attached image.

For example:

1. I need to add a right arrow in the <input type="button"> element value using fontawesome like "fa-caret-down". It should belike this.

2. Need to customize the dropdown arrow in the <select...> element

3. check box and radio button backrgound color with custom tick mark/circle in checked status

How can I achive the above points in Totara? Please help me.


Thanks in advance,

Rajaguru


Craig Eves
Re: How to add fontawsome in html elements like button, dropdown etc.,
von Craig Eves (Totara Support) – Thursday, 22 October 2020, 5:19 PM
Gruppe Totara

Hi Rajaguru

A good place to start is the developer documentation on developing themes ,  Flexible icons and also the how the frontend framework fits together.

If you have any specific question after reading this then let us know. 

Regards

Rajaguru V
Re: How to add fontawsome in html elements like button, dropdown etc.,
von Rajaguru V – Friday, 23 October 2020, 12:04 AM
 

Thank you Craig Eves. Let me check and come back if still doubt.