|
12 | 12 | <blockquote> |
13 | 13 | <p> |
14 | 14 | <strong>Note:</strong> When using the input components in SSR mode, be sure to assing a value to the <code>Name</code> property otherwise the |
15 | | - enhanced form functionalty will <strong>not</strong> work. In contrast to the standard Blazor input components a name is not automatically being |
| 15 | + enhanced form functionalty will <strong>not</strong> work. In contrast to the standard Blazor input components a name is not automatically being |
16 | 16 | generated. <strong>Also, the <code>Name</code> needs to be prefixed with the model name (i.e. `Model.Username`).</strong> |
17 | 17 | </p> |
18 | 18 | </blockquote> |
|
96 | 96 | For a checkbox it is displayed after the input field, for a switch it is displayed in front of it. |
97 | 97 | </p> |
98 | 98 | <p> |
99 | | - If you would like to apply more complex markup for the label, you can use the <code>LabelTemplate</code> parameter. As this has a type of |
| 99 | + If you would like to apply more complex markup for the label, you can use the <code>LabelTemplate</code> parameter. As this has a type of |
100 | 100 | <code>RenderFragment?</code>, it can contain virtuall anything. |
101 | 101 | </p> |
102 | 102 | <p> |
|
137 | 137 | </ul> |
138 | 138 | </p> |
139 | 139 |
|
| 140 | +<h2>FluentEditForm</h2> |
| 141 | +<p> The <code>FluentEditForm</code> inherits from the standard <code>EditForm</code>. The only thing it does is that it add a cascading parameter that contains a <code>FluentWizardStep</code> we use to register a form inside a <code>FluentWizard</code>. |
| 142 | + </p> |
| 143 | + <p>If you are not using a <code>FluentWizard</code> in your form, there is no need/use to use the <code>FluentEditForm</code></p> |
| 144 | + |
140 | 145 | <h2>Example</h2> |
141 | 146 |
|
142 | 147 | <DemoSection Title="Basic Fluent UI form" Component="typeof(BasicFormFluentUIComponents)" AdditionalFiles="@(new [] {"Starship.cs"})"> |
143 | 148 | <Description> |
144 | 149 | This is an example from the standard <a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/forms/input-components?view=aspnetcore-8.0#example-form">Blazor input components documentation</a> implemented with the Fluent UI Blazor input |
145 | | - components. It uses the <code>FluentValidationSummary</code> and <code>FluentValidationMessage</code> to give feedback on the state of the form. It |
| 150 | + components. It uses the <code>FluentValidationSummary</code> and <code>FluentValidationMessage</code> to give feedback on the state of the form. It |
146 | 151 | uses the same <code>Starship</code> model as the standard docs and a DataAnnotationsValidator to use the data annotations set in the model. |
147 | 152 | Not all of the library's input components are used in this form. No data is actually being stored or saved. |
148 | 153 | </Description> |
|
0 commit comments