Form Markup Customization

Jim,

If you have access to the source code, you can override the Razor views of the built-in Form Components by placing custom Razor view files at the right paths.

Or you can use the option presented in the answer you linked to, which is the recommended solution for custom markup and classes.

Finally, you can use the approach you mentioned - creating custom Form Components.

I also know of some teams that have used the Form Builder, but created their own custom rendering logic from the Form Builder XML.

Sean,

thanks for the answer. I do have access to the CMS project source code, but where would I find the markup for the individual controls? I don't necessarily want to change all that b/c then upgrades would break those changes, but I'd like to at least know where they are rendered from. Also, what is the Form Builder XML?

Thanks

Jim,

In the source solution look for MVC -> Kentico.Content.Web.Mvc.Views -> Views -> Shared -> Kentico -> FormBuilder | FormComponents.

I believe if you re-create Views under the same path (~/Views/Shared/Kentico/...) with the same name in your application, MVC will use your files instead of the ones included in the Razor class library.

For the Form Builder configuration, there are 2 parts.

In the CMS_Form table there is the FormBuilderLayout column that defines how the Form Builder UI is structured for a given form. This is serialized JSON.

In the CMS_Class table there is the ClassFormDefinition column which is all the configuration for the Form that gets rendered on the live site, which you can find for all your forms with this query:

select * from CMS_Class where ClassTableName like 'Form_%'

This column is serialized XML.