Using FontAwesomeModule for Angular makes icons broken


Topic: Using FontAwesomeModule for Angular makes icons broken

estalis asked 3 years ago

Basically, i am using FontAwesomeModule for angular. Here's how im using an icon:

<fa-icon [icon]="['fas', 'clock']"></fa-icon>

Therefore, the code of MDB is not working because it uses the i tag directly: https://pastebin.com/byYiRDDK

Is it possible to either make mdb icons working again, either the possibility to "override" the content of mdb-timepicker-toggle ? So I could fix this by: https://pastebin.com/HenCYkSh

thanks.

EDIT: sorry for using pastebin, the editor is completely broken.


Arkadiusz Idzikowski staff commented 3 years ago

@estalis Unfortunately, currently it is not possible to completely override the content of the time picker toggle icon. I added this to our to-do list and we will check if we can provide a way to use a custom template in such cases.


In v5.1.0 we added new MdbDatepickerToggleIconDirective that allow to create a custom icon template for the Datepicker using ng-template.

You can find more information in the documentation: https://mdbootstrap.com/docs/angular/forms/datepicker#subsection-icon-template


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 2.2.0
  • Device: who cares
  • Browser: who cares
  • OS: who cares
  • Provided sample code: No
  • Provided link: Yes