Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blazor movie tutorial article updates (final) #34137

Merged
merged 1 commit into from
Nov 15, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions aspnetcore/blazor/tutorials/movie-database-app/part-3.md
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ The final `NavMenu` component after making the preceding changes:
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />

<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">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
Expand Down Expand Up @@ -203,6 +203,7 @@ The `MainLayout` component adopts the following additional specifications:
* 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 `<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`):

Expand Down Expand Up @@ -439,7 +440,7 @@ CSS classes aren't present in the following example to simplify the display:
```razor
<EditForm method="post" Model="Movie" OnValidSubmit="AddMovie" FormName="create" Enhance>
<DataAnnotationsValidator />
<ValidationSummary />
<ValidationSummary role="alert" />
<div>
<label for="title">Title:</label>
<InputText id="title" @bind-Value="Movie.Title" />
Expand Down
Loading