Kentico 12 MVC Font Awesome Form Component

03/08/2020

Following on from my previous blog post about the Kentico 12 MVC Map Location Form Component, I've continued with another contribution to the Kentico MVC marketplace.

This time I've created a Font Awesome form component which allows content editors to search and choose from all available Font Awesome 5.x icons. There are a number of scenarios where a developer may want to allow a content editor to customise an icon, such as icons used on navigation menus, CTA buttons or social media links.

With this form component added to a widget, a preview of the currently selected icon will be shown, and a button next to it will open up the modal dialog for searching and choosing a new icon.

Example widget properties demonstrating the font awesome form component.
Example widget properties demonstrating the font awesome form component.

This modal dialog is triggered using the modal API which was introduced in the Kentico 12 Service Pack. Having access to the modal API means you're now able to create complex form components without bloating the widget UI directly. 

The modal for selecting a font awesome icon.
The modal for selecting a font awesome icon.

You can view the source code over at the GitHub repository.  Feel free to look around the project, provide suggestions by submitting an Issue, or submit new features through a pull request