Open Closed

Error MessageBox Override #6107


User avatar
0
Fabio.Zinesi created
  • ABP Framework version: v7.3.3
  • UI Type: Angular
  • Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Hey how can i replace the error message pop-up?
  • I would like to replace the error message inside the page footer.
  • Can you give me some example with more detail, how can i do it?
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

6 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hi,

    please check https://support.aspnetzero.com/QA/Questions/5826/Override-the-error-popup-windows-in-Angular

    and https://docs.abp.io/en/abp/latest/UI/Angular/HTTP-Requests#http-error-handling

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    Fabio.Zinesi created

    let me have a try.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    Fabio.Zinesi created

    Hey, I couldn't, can you plz provide me more information, the second link that you gave me, where i have to put all this code "CustomHTTPErrorHandler",i can't understand. If you can explain in which file i have to put the code, it will be easy for me.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hi,

    create 'handle-http-error.ts' like

    add it in app.module.ts like

    after adding this you can get customized error popup like this

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    Fabio.Zinesi created

    Thankyou very much. I got it, also i would like to put this toast error inside the main page under footer with the help of <div> tag in section of HTML document. How can i do that?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello,

    can you please try to add this css in style.scss

    abp-toast, .abp-toast, .abp-toast-container  {
      width: 100% !important
    }
    

    or check here https://x.leptontheme.com/top-menu/libraries/toastr and customize as per your requirement

    Thanks, Anjali

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on October 05, 2026, 11:32
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.