@page @using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components @model DynamicFormsModel @{ ViewData["Title"] = "Forms"; }

Dynamic Forms

# Dynamic Form Example

Posted Values:
Name: @Model.PersonInput.Name
City: @Model.PersonInput.City
Phone.Name: @Model.PersonInput.Phone.Name
Phone.Number: @Model.PersonInput.Phone.Number
Day: @Model.PersonInput.Day.ToString("yyyy-MM-dd")
Country: @Model.PersonInput.Country
IsActive: @Model.PersonInput.IsActive 
<abp-dynamic-form abp-model="Model.PersonInput" asp-antiforgery="true"/>

# Override an input Example

Posted Values:
Name: @Model.PersonInput.Name
City: @Model.PersonInput.City
Phone.Name: @Model.PersonInput.Phone.Name
Phone.Number: @Model.PersonInput.Phone.Number
Day: @Model.PersonInput.Day.ToString("yyyy-MM-dd")
Country: @Model.PersonInput.Country
IsActive: @Model.PersonInput.IsActive 
<abp-dynamic-form abp-model="Model.PersonInput">
    <abp-input asp-for="Model.PersonInput.Phone.Number" label="Phone Number" />
</abp-dynamic-form>

# Form with Button Example

Posted Values:
Name: @Model.PersonInput.Name
City: @Model.PersonInput.City
Phone.Name: @Model.PersonInput.Phone.Name
Phone.Number: @Model.PersonInput.Phone.Number
Day: @Model.PersonInput.Day.ToString("yyyy-MM-dd")
Country: @Model.PersonInput.Country
IsActive: @Model.PersonInput.IsActive 
<abp-dynamic-form abp-model="Model.PersonInput" submit-button="true"/>

# Non-dynamic Form

Posted Values:
Name: @Model.PersonInput.Name
Country: @Model.PersonInput.Country
Phone.Number: @Model.PersonInput.Phone.Number 
<form method="post">
    <abp-input asp-for="Model.PersonInput.Name"/>
    <abp-input asp-for="Model.PersonInput.Country" label="Where Do you live?"/>
    <abp-input asp-for="Model.PersonInput.Phone.Number"/>
</form>