liam@goldfinch ~/blog · main
Back to posts · ~/blog/posts/kentico-12-mvc-font-awesome-form-component.md

Kentico 12 MVC Font Awesome Form Component

Learn about the new Font Awesome form component submitted to the Kentico MVC Marketplace.

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.

Form Component

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.

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.

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

// related

Keep reading

how-ai-changed-the-shape-of-delivery-on-a-real-kentico-project.md
#post

How AI Changed the Shape of Delivery on a Real Kentico Project

A real‑world case study exploring how AI‑assisted workflows changed decision‑making, reduced uncertainty, and accelerated delivery during an Xperience by Kentico rebuild.

from-design-system-to-deployed-code-a-weekend-with-claude-design.md
#post

From design system to deployed code: a weekend with Claude Design

A practical experiment in using Claude Design to infer a design system from an existing site, explore a redesign within real constraints, and move straight into implementation without the usual design handoff.

from-spec-to-stripe-building-a-payment-provider-for-xperience-by-kentico.md
#post

From Spec to Stripe: Building a Payment Provider for Xperience by Kentico

How a Markdown spec and AI tools like ChatGPT and Claude Code helped me build a Stripe payment provider for Xperience by Kentico - faster, cleaner, and spec-driven from the start.

how-i-used-claude-code-to-redesign-my-kentico-sustainability-module.md
#post

How I Used Claude Code to Redesign My Kentico Sustainability Module

Discover how I used Claude Code, Anthropic’s AI coding assistant, to refactor and redesign the UI of my Kentico Sustainability module - replacing third-party components with native ones and creating a cleaner, more integrated experience.