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?

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

  • User Avatar
    0
    Fabio.Zinesi created

    let me have a try.

  • 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.

  • 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

  • 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?

  • 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

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 25, 2025, 11:10