Skip to content

Modernize error page with user-friendly design#667

Merged
StuartFerguson merged 5 commits intomainfrom
copilot/update-error-page-design
Jan 18, 2026
Merged

Modernize error page with user-friendly design#667
StuartFerguson merged 5 commits intomainfrom
copilot/update-error-page-design

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Jan 18, 2026

Replaced the default ASP.NET error page with a modern, user-friendly design that matches the application's AdminLTE-inspired theme.

Changes

UI Improvements

  • Centered card layout with error icon, replacing plain text display
  • User-friendly messaging: "Oops! Something went wrong" instead of "Error."
  • Action buttons: "Go to Home" and "Go Back" with SVG icons
  • Request ID displayed in styled box for support reference
  • Development mode section collapsed into separate card below main error

Configuration

  • Support email now injectable via AppSettings:SupportEmail (defaults to support@example.com)
  • Development info visibility auto-detects from IWebHostEnvironment.IsDevelopment()

Before/After

Before:

<h1 class="text-danger">Error.</h1>
<h2 class="text-danger">An error occurred while processing your request.</h2>

After:

<div class="card shadow-admin-lg">
    <div class="error-icon"><!-- SVG icon --></div>
    <h1>Oops! Something went wrong</h1>
    <p>We encountered an unexpected error...</p>
    <button class="btn btn-primary">Go to Home</button>
</div>

Screenshot

Error Page

Tests

Updated ErrorPageTests.cs with assertions for new elements (action buttons, support email, visual structure).

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • f.feedz.io
    • Triggering command: /opt/hostedtoolcache/CodeQL/2.23.8/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp /opt/hostedtoolcache/CodeQL/2.23.8/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

This section details on the original issue you should resolve

<issue_title>Error Page</issue_title>
<issue_description>update the /error page to have a nicer user friendly look</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 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 AI and others added 2 commits January 18, 2026 15:52
Co-authored-by: StuartFerguson <16325469+StuartFerguson@users.noreply.github.com>
Co-authored-by: StuartFerguson <16325469+StuartFerguson@users.noreply.github.com>
Copilot AI changed the title [WIP] Update /error page for better user experience Modernize error page with user-friendly design Jan 18, 2026
Copilot AI requested a review from StuartFerguson January 18, 2026 16:01
@StuartFerguson StuartFerguson marked this pull request as ready for review January 18, 2026 16:07
@StuartFerguson StuartFerguson merged commit 9b08f21 into main Jan 18, 2026
10 checks passed
@github-actions github-actions Bot deleted the copilot/update-error-page-design branch March 20, 2026 01:02
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.

Error Page

2 participants