Totara Learn Open Discussions

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

 
VRajaguru
How to add fontawsome in html elements like button, dropdown etc.,
VRajaguru 发表于 2020年10月22日 Thursday 15:35
 

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.,
Eves (Totara Support)Craig 发表于 2020年10月22日 Thursday 17:19
小组 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

VRajaguru
Re: How to add fontawsome in html elements like button, dropdown etc.,
VRajaguru 发表于 2020年10月23日 Friday 00:04
 

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