Open Closed

how to override html code in 403 business exception modal #3760


User avatar
0
ElifKaya created

Hi,

I want to change html code to add download button in 403 business exception modal. Like bellow, 1- Is it possible?

2- And also, I want to interrupt before onResult function if it has business exception. Because, if there is an error, I can not break in onResult function.

Thanks

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

If you're creating a bug/problem report, please include followings:

ABP Framework version: v5.3.3

UI type: MVC

DB provider: EF Core

Tiered (MVC): yes

Exception message and stack trace:

Steps to reproduce the issue:"


5 Answer(s)
  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    ABP uses abp.message.error to show errors and sweetalert2 is used in its infrastructure. So I think you can do this with Sweatalert2's configurations. For example:

    $(function () {
        abp.libs.sweetAlert.config.error.footer = "<button type='button' id='Copy Log' class='swal2-cancel swal2-styled'>Download Log</button>"
        abp.libs.sweetAlert.config.error.didOpen = () => {
            var errorDetails = Swal.getHtmlContainer();
            console.log(errorDetails);
        }
    });
    

    Note: As far as I know, sweetalert2 allows you to change the entire error(or other default templates) template as well.

    Result:

    Note: If you want to see the detail and stack trace of the error in modal like me, you can do this as in the code below:

    Configure< AbpExceptionHandlingOptions >(options =>
    {
        options.SendExceptionsDetailsToClients = true;
        options.SendStackTraceToClients = true;
    });
    

    For more information:

    1. https://docs.abp.io/en/abp/latest/UI/AspNetCore/JavaScript-API/Message#sweetalert-configuration
    2. https://sweetalert2.github.io/
  • User Avatar
    0
    ElifKaya created

    ABP uses abp.message.error to show errors and sweetalert2 is used in its infrastructure. So I think you can do this with Sweatalert2's configurations. For example:

    $(function () { 
        abp.libs.sweetAlert.config.error.footer = "<button type='button' id='Copy Log' class='swal2-cancel swal2-styled'>Download Log</button>" 
        abp.libs.sweetAlert.config.error.didOpen = () => { 
            var errorDetails = Swal.getHtmlContainer(); 
            console.log(errorDetails); 
        } 
    }); 
    

    Note: As far as I know, sweetalert2 allows you to change the entire error(or other default templates) template as well.

    Result:

    Note: If you want to see the detail and stack trace of the error in modal like me, you can do this as in the code below:

    Configure< AbpExceptionHandlingOptions >(options => 
    { 
        options.SendExceptionsDetailsToClients = true; 
        options.SendStackTraceToClients = true; 
    }); 
    

    For more information:

    1. https://docs.abp.io/en/abp/latest/UI/AspNetCore/JavaScript-API/Message#sweetalert-configuration
    2. https://sweetalert2.github.io/

    How to trigger Copy Log button click for this solution, can you give an example? Because, it can not be triggered.

    $(function () { abp.libs.sweetAlert.config.error.footer = "<button type='button' id='Copy Log' class='swal2-cancel swal2-styled'>Download Log</button>" abp.libs.sweetAlert.config.error.didOpen = () => { var errorDetails = Swal.getHtmlContainer(); console.log(errorDetails); } });

  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    How to trigger Copy Log button click for this solution, can you give an example? Because, it can not be triggered.

    I think you can do this in your globally used script file by using the id you gave to the button.

    Note: If you don't have a global js file, you can do it similarly to the global.css' config.

    $( "#DownloadLog" ).click(function() {
      alert( "Handler for .click() called." );
    });
    
  • User Avatar
    0
    ElifKaya created

    How to trigger Copy Log button click for this solution, can you give an example? Because, it can not be triggered.

    I think you can do this in your globally used script file by using the id you gave to the button.

    Note: If you don't have a global js file, you can do it similarly to the global.css' config.

    $( "#DownloadLog" ).click(function() { 
      alert( "Handler for .click() called." ); 
    }); 
    

    Actually, we tried like this but it doesn't work

  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    Sorry, my fault. I expected this to work, but it didn't. I tested the code below. Can you try?

        abp.libs.sweetAlert.config.error.footer = "<button type='button' id='DownloadLog' class='swal2-cancel swal2-styled'>Download Log</button>"
        abp.libs.sweetAlert.config.error.didOpen = () => {
            $("#DownloadLog").click(function() {
                console.log("Test");
            });
        }
    
Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38