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

Dynamic Forms

# 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 asp-model="Model.PersonInput" >
</abp-dynamic-form>
@*

# Input Group Example

            <form method="post" action="#">
                <abp-input asp-for="Model.Name"/>
                <abp-input asp-for="Model.Password" label="Password"/>
                <abp-input asp-for="Model.IsActive" />
                <abp-input asp-for="Model.PhoneNumber" />
                <abp-input asp-for="Model.EmailAddress" />
                <abp-input asp-for="Model.Count" />
                <abp-input asp-for="Model.Day" />
                <abp-select asp-for="Model.Country" asp-items="Model.Countries" label="Country"></abp-select>
                <abp-select asp-for="Model.City" asp-items="Html.GetEnumSelectList(typeof(Cities))"></abp-select>
            </form>
*@ @*
            <form method="post" action="#">
                <abp-form-group>
                    <abp-select asp-for="@Model.Country" asp-items="@Model.Countries"></abp-select>
                </abp-form-group>
                <abp-form-group>
                    <abp-select asp-for="@Model.City" asp-items="@Html.GetEnumSelectList(typeof(Cities))"></abp-select>
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Name" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Password" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.PhoneNumber" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.EmailAddress" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Count" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Day" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.IsActive" />
                </abp-form-group>
            </form>
*@