Skip to content

Commit cf77ca1

Browse files
vnbaaijdvoituron
andauthored
Add docs about FluentEditForm (#3832)
Co-authored-by: Denis Voituron <dvoituron@outlook.com>
1 parent 6b5d259 commit cf77ca1

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

examples/Demo/Shared/Pages/FormsOverviewPage.razor

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<blockquote>
1313
<p>
1414
<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
1616
generated. <strong>Also, the <code>Name</code> needs to be prefixed with the model name (i.e. `Model.Username`).</strong>
1717
</p>
1818
</blockquote>
@@ -96,7 +96,7 @@
9696
For a checkbox it is displayed after the input field, for a switch it is displayed in front of it.
9797
</p>
9898
<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
100100
<code>RenderFragment?</code>, it can contain virtuall anything.
101101
</p>
102102
<p>
@@ -137,12 +137,17 @@
137137
</ul>
138138
</p>
139139

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+
140145
<h2>Example</h2>
141146

142147
<DemoSection Title="Basic Fluent UI form" Component="typeof(BasicFormFluentUIComponents)" AdditionalFiles="@(new [] {"Starship.cs"})">
143148
<Description>
144149
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
146151
uses the same <code>Starship</code> model as the standard docs and a DataAnnotationsValidator to use the data annotations set in the model.
147152
Not all of the library's input components are used in this form. No data is actually being stored or saved.
148153
</Description>

0 commit comments

Comments
 (0)