asp.net mvc dynamic form builder

If you want a dynamic form builder in ASP.NET MVC, there are a few common approaches depending on how flexible you need it to be.

1) Simple dynamic form from database/config

Store form definitions in a table, then render fields based on metadata.

Example model

public class FormField
{
    public int Id { get; set; }
    public string Label { get; set; }
    public string FieldType { get; set; }   // Text, Number, Date, Dropdown, Checkbox
    public bool IsRequired { get; set; }
    public string OptionsJson { get; set; } // for dropdowns
    public int SortOrder { get; set; }
}

ViewModel

public class DynamicFormViewModel
{
    public List<FormField> Fields { get; set; }
}

Controller

public ActionResult Index()
{
    var fields = new List<FormField>
    {
        new FormField { Id = 1, Label = "First Name", FieldType = "Text", IsRequired = true, SortOrder = 1 },
        new FormField { Id = 2, Label = "Age", FieldType = "Number", IsRequired = false, SortOrder = 2 },
        new FormField { Id = 3, Label = "Gender", FieldType = "Dropdown", OptionsJson = "[\"Male\",\"Female\"]", SortOrder = 3 }
    };

    return View(new DynamicFormViewModel { Fields = fields });
}

Razor View

@model DynamicFormViewModel

@using Newtonsoft.Json

@using (Html.BeginForm())
{
    foreach (var field in Model.Fields.OrderBy(x => x.SortOrder))
    {
        <div class="form-group">
            <label>@field.Label</label>

            @switch (field.FieldType)
            {
                case "Text":
                    @Html.TextBox(field.Label, null, new { @class = "form-control" })
                    break;

                case "Number":
                    @Html.TextBox(field.Label, null, new { @type = "number", @class = "form-control" })
                    break;

                case "Date":
                    @Html.TextBox(field.Label, null, new { @type = "date", @class = "form-control" })
                    break;

                case "Dropdown":
                    var options = JsonConvert.DeserializeObject<List<string>>(field.OptionsJson);
                    @Html.DropDownList(field.Label,
                        new SelectList(options),
                        "-- Select --",
                        new { @class = "form-control" })
                    break;

                case "Checkbox":
                    @Html.CheckBox(field.Label)
                    break;
            }
        </div>
    }

    <button type="submit" class="btn btn-primary">Submit</button>
}

---

2) More advanced: dynamic form builder UI

If you want users to design forms in the browser, then you usually need:

• a FormDefinition table
• a FormFieldDefinition table
• a drag-and-drop UI (jQuery UI, Bootstrap, React, Angular)
• store field rules like validation, placeholder, default value, visibility conditions

Typical database design

• Forms
• FormFields
• FieldOptions
• FormSubmissions
• FormSubmissionValues

---

3) Best practice for saving submissions

Instead of creating columns dynamically in SQL, store submitted values like this:

public class FormSubmission
{
    public int Id { get; set; }
    public int FormId { get; set; }
    public DateTime SubmittedOn { get; set; }
    public virtual ICollection<FormSubmissionValue> Values { get; set; }
}

public class FormSubmissionValue
{
    public int Id { get; set; }
    public int SubmissionId { get; set; }
    public int FieldId { get; set; }
    public string Value { get; set; }
}

This is much easier to maintain than altering tables dynamically.

---

4) If you want field validation

You can validate:

• required fields
• regex patterns
• min/max length
• number ranges
• conditional rules

You can apply client-side validation with jQuery Validate and server-side validation in the POST action.

---

5) If you want a library instead

For ASP.NET MVC, you can also use:

• FormBuilder.js
• SurveyJS
• Bootstrap Form Builder
• custom jQuery drag/drop builder

---

If you want, I can give you a complete working ASP.NET MVC example with:

1. dynamic form rendering
2. form submission saving
3. dropdown/checkbox/text/date support
4. database schema

Just say: “full MVC example”.