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.,
de Rajaguru V - Thursday, 22 de October de 2020, 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.,
de Craig Eves (Totara Support) - Thursday, 22 de October de 2020, 17:19
Grupo 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.,
de Rajaguru V - Friday, 23 de October de 2020, 00:04
 

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