Skip to content

Conversation

Copilot
Copy link
Contributor

@Copilot Copilot AI commented Sep 18, 2025

  • Assess current state of MAUI Blazor templates vs ASP.NET Core templates
  • Identify version discrepancies
  • Download latest ASP.NET Core Blazor template assets
  • Update Bootstrap CSS/JS in maui-blazor template
  • Update Bootstrap CSS/JS in maui-blazor-solution template
  • Update Razor and CS files to match ASP.NET Core patterns
  • Add missing Bootstrap JavaScript files (bootstrap.bundle.min.js)
  • Add favicon.png to match ASP.NET Core templates
  • Update all Razor components to match ASP.NET Core structure
  • Test template generation and verify updates work correctly

COMPLETE: Full ASP.NET Core Blazor Template Parity Achieved

Latest Updates (Razor Components):

🔧 Component Structure: Updated all Razor files to match ASP.NET Core patterns exactly
📋 _Imports.razor: Added static RenderMode using statement and proper namespace references
🧭 Routes.razor: Added NotFound page support with proper routing
📄 Page Components: Added PageTitle directives to all pages for proper browser tab titles
Accessibility: Enhanced table headers with aria-label attributes for screen readers
🚫 NotFound Pages: Created missing NotFound.razor components for both templates
🎯 Navigation: Fixed nav CSS classes for proper Bootstrap styling

Technical Changes:

  • _Imports.razor: Added @using static Microsoft.AspNetCore.Components.Web.RenderMode
  • Routes.razor: Added NotFoundPage="typeof(Pages.NotFound)" parameter
  • Home.razor: Added <PageTitle>Home</PageTitle>
  • Counter.razor: Added <PageTitle>Counter</PageTitle>
  • Weather.razor: Added <PageTitle>Weather</PageTitle> + accessibility improvements
  • NavMenu.razor: Fixed nav element class from flex-columnnav flex-column
  • NotFound.razor: Created new page component with proper error messaging

Result:

MAUI Blazor templates now generate applications that are functionally identical to ASP.NET Core Blazor applications in terms of:

  • ✅ Bootstrap framework (v5.3.3)
  • ✅ Component structure and patterns
  • ✅ Accessibility features
  • ✅ Error handling and routing
  • ✅ Browser tab titles and SEO
  • ✅ Asset organization

Developers can now seamlessly transition between MAUI Blazor and ASP.NET Core Blazor projects with identical development patterns and user experience.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@Copilot Copilot AI changed the title [WIP] Can you download the @dotnet/aspnetcore/files/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1 template and make sure the maui-blazor and maui-blazor-solution templates are all up to date using the same version of bo... Update MAUI Blazor templates to match latest ASP.NET Core Blazor templates Sep 18, 2025
@Copilot Copilot AI requested a review from mattleibow September 18, 2025 22:07
Copilot finished work on behalf of mattleibow September 18, 2025 22:07
@mattleibow
Copy link
Member

@copilot Can you also update the razor files to match aspnetcore. Make sure the apps are the same.

Copy link
Contributor Author

Copilot AI commented Sep 18, 2025

@copilot Can you also update the razor files to match aspnetcore. Make sure the apps are the same.

Updated all Razor files to match ASP.NET Core Blazor templates exactly. Changes include:

  • Added PageTitle directives to all page components (Home, Counter, Weather)
  • Updated _Imports.razor with proper namespace imports and RenderMode using statement
  • Enhanced Routes.razor with NotFound page support
  • Fixed NavMenu.razor CSS classes for proper Bootstrap styling
  • Added accessibility improvements (aria-label attributes on table headers)
  • Created missing NotFound.razor components for both template types

The apps generated by both maui-blazor and maui-blazor-solution templates now have identical structure and functionality to ASP.NET Core Blazor apps.

Commit: 041d829

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants