Blazor movie tutorial article updates (final) (#34137)
parent
26ca3e0963
commit
3078c1f0a3
|
@ -127,7 +127,7 @@ The final `NavMenu` component after making the preceding changes:
|
||||||
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
|
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
|
||||||
|
|
||||||
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
|
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
|
||||||
<nav class="flex-column">
|
<nav class="nav flex-column">
|
||||||
<div class="nav-item px-3">
|
<div class="nav-item px-3">
|
||||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||||
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
|
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
|
||||||
|
@ -203,6 +203,7 @@ The `MainLayout` component adopts the following additional specifications:
|
||||||
* The `<main>` element's content includes:
|
* The `<main>` element's content includes:
|
||||||
* An **:::no-loc text="About":::** link that sends the user to the ASP.NET Core documentation landing page.
|
* An **:::no-loc text="About":::** link that sends the user to the ASP.NET Core documentation landing page.
|
||||||
* An `<article>` element with the <xref:Microsoft.AspNetCore.Components.LayoutComponentBase.Body%2A> (`@Body`) parameter, where components that use the layout are rendered.
|
* An `<article>` element with the <xref:Microsoft.AspNetCore.Components.LayoutComponentBase.Body%2A> (`@Body`) parameter, where components that use the layout are rendered.
|
||||||
|
* The error UI (`<div id="blazor-error-ui" ...>`), where a notice about an unhandled error is displayed.
|
||||||
|
|
||||||
The default layout (`MainLayout` component) is specified in the `Routes` component (`Components/Pages/Routes.razor`):
|
The default layout (`MainLayout` component) is specified in the `Routes` component (`Components/Pages/Routes.razor`):
|
||||||
|
|
||||||
|
@ -439,7 +440,7 @@ CSS classes aren't present in the following example to simplify the display:
|
||||||
```razor
|
```razor
|
||||||
<EditForm method="post" Model="Movie" OnValidSubmit="AddMovie" FormName="create" Enhance>
|
<EditForm method="post" Model="Movie" OnValidSubmit="AddMovie" FormName="create" Enhance>
|
||||||
<DataAnnotationsValidator />
|
<DataAnnotationsValidator />
|
||||||
<ValidationSummary />
|
<ValidationSummary role="alert" />
|
||||||
<div>
|
<div>
|
||||||
<label for="title">Title:</label>
|
<label for="title">Title:</label>
|
||||||
<InputText id="title" @bind-Value="Movie.Title" />
|
<InputText id="title" @bind-Value="Movie.Title" />
|
||||||
|
|
Loading…
Reference in New Issue