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

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11