Save time in Blazor with MudBlazor

Set up a server-side Blazor project with MudBlazor by installing the MudBlazor library, configuring services, adding imports, and registering theme, dialog, and snackbar components.

Learn to build a twelve-column mud grid layout with mud item, wrapping the body in the grid, and use md breakpoints to create responsive layouts and remove horizontal scroll.

Explore mudblazor buttons: basic, icon, and toggle variants; customize with icons, colors, and on-click actions while understanding when toggle buttons may hinder UX.

Master MudBlazor text fields in Blazor by building one-line and multi-line text boxes, exploring variants (filled, outlined), adornments, and binding via bind value or value changed.

Explore drop-down selection with MudSelect in Blazor, building a basic and a dynamic list from a C# model, binding the selected value and displaying ID and title.

Explore MudBlazor numeric field usage, including integer and double types, step values, min and max, and binding with arrows to increase or decrease the number.

Learn to create a MudBlazor pie chart by supplying data and labels, setting a 300 by 300 size, and handling selection with an index-based event or binding.

Tailor the MudBlazor theme with the mod theme provider, adjusting the palette and layout, including primary and secondary colors, and crafting a custom color with mod color.

Build a responsive navigation menu in a Blazor app with MudBlazor, using a top app bar, a drawer, and MudNav links for articles, with open state bound to user actions.

Set up the main mod grid and customize the MudBlazor theme, adjusting grid styles, margins, padding, and the primary colors to fit the layout.

Establish a new article workflow by creating a services folder, an article manager, and a database project, including a stored procedure for inserting articles.

Set up the new article page, bind author inputs with mud chip, and implement submission to insert the article into the database with error and success handling.

Inject a snack bar service to display success and error messages on the new article page, showing 'article submitted' on success and detailed error notices with proper severity.

Build the articles list UI in Blazor with MudBlazor, creating a dedicated articles page featuring a responsive MudTable, a search toolbar, and article links for navigation.

Learn to implement a two-tier article search in Blazor with MudBlazor, retrieving all articles when keywords are null or filtering by title using a SQL like query and stored procedure.

Implement a Blazor MudBlazor search page by binding search keywords to a text field, querying article data, and linking to the article page with an id parameter.

Retrieve full article data by building a client article model and a stored procedure, mapping id, title, subtitle, body, category, authors, and date published.

Learn to retrieve an article on the main page using an asynchronous initialize method, display the article title and body, and format authors with conditional styling in a MudBlazor app.