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

Kentico 12 MVC Map Location Form Component

I built an open-source Kentico 12 MVC form component, published to the Marketplace, that lets editors pick a point on a map and stores the latitude and longitude against a page builder widget for use with a map plugin such as Google Maps, Bing Maps or OpenStreetMap. Packaging reusable components as NuGet cuts repetition across MVC projects. Source is on GitHub.

When building websites in Kentico 12, there are two different development approaches you can choose from.

One option is the traditional Portal Engine development model which offers plenty of out of the box functionality, e.g. form controls, widgets, and other modules that content editors have become used to.  However, when choosing the MVC development model, you benefit from gaining full control over the implementation of your website, but lose out on a number of out of the box features previously found in Portal Engine.

Common development tasks when working on Kentico 12 MVC include creating page builder widgets, and also developing form components which allow content editors to configure these page builder widgets.  These tasks can be quite repetitive if you're adding the same widgets and form components to each website you build, a good way of alleviating the repetitiveness is to package up the most commonly used tools into NuGet packages and then share them with the Kentico community on the marketplace for others to use.

Form Component

The first tool I've uploaded to the Kentico marketplace is the Kentico 12 MVC Map Location Form Component. This allows content editors to select a location on a map and stores the selected latitude and longitude values against the page builder widget. You can then use a map plugin (e.g. Google Maps, Bing Maps, OpenStreetMap) to display a map location using the GeoCoordinate property.

Example widget properties demonstrating the location form component.

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

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