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

Kentico 12 MVC Font Awesome Form Component

I built a Font Awesome form component for the Kentico 12 MVC marketplace that lets content editors search and pick any Font Awesome 5.x icon for menus, CTAs and social links. It uses Kentico's Service Pack modal API to keep icon selection in a dialog rather than bloating the widget properties. Source is on GitHub.

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. 

Tagged # Kentico # Open source
Liam Goldfinch · Kentico MVP

Principal Systems Engineer at IDHL. Writing about Xperience by Kentico, .NET, and the tooling I use to ship.

Subscribe
// related

Keep reading

kentico-management-mcp-server-ai-that-builds-inside-your-cms.md 7 min
#post

Kentico's Management MCP server: AI that builds inside your CMS, and keeps every change reviewable

How I built four brand sites through Xperience by Kentico's Management MCP server — and why reviewability, not speed, is what really matters.

#Kentico #AI tooling #.NET
how-ai-changed-the-shape-of-delivery-on-a-real-kentico-project.md 6 min
#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.

#Kentico #AI tooling
from-design-system-to-deployed-code-a-weekend-with-claude-design.md 6 min
#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.

#AI tooling
from-spec-to-stripe-building-a-payment-provider-for-xperience-by-kentico.md 5 min
#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.

#Kentico #Commerce #AI tooling