Base solution for your next web application
Starts in:
01 DAYS
01 HRS
01 MIN
01 SEC
Open Closed

Override sweetalert Ok button for server side errors #8910


User avatar
0
alwefaq created

How can I override the Ok button text for other languages in sweetalert message box for serverside errors


5 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team

    hi

    • What is your product version?
    • What is your product type (Angular or MVC)?
    • What is product framework type (.net framework or .net core)?
    • What language code are you using? (en, tr, etc)?
  • User Avatar
    0
    alwefaq created

    What is your product version? 5.1.0 What is your product type (Angular or MVC)? Angular Angular CLI: 6.2.3 Node: 12.13.0 OS: win32 x64 Angular: 6.1.7 What is product framework type (.net framework or .net core)? .net core What language code are you using? (en, tr, etc)? Arabic - ar

  • User Avatar
    0
    aaron created
    Support Team

    ASP .NET Zero 5.x

    ASP .NET Zero 5.1.0 Angular is using SweetAlert v2.

    In angular/src/AppPreBootstrap.ts:

      abp.event.trigger('abp.dynamicScriptsInitialized');
    + (abp as any).libs.sweetAlert.config.error.button = abp.localization.localize('Ok', 'AbpZeroTemplate');
    

    Replace AbpZeroTemplate with your project source name.

    ASP .NET Zero 6+

    ASP .NET Zero 6.0.0/6.6.0/8.4.0+ Angular is using SweetAlert2 v7/v8/v9+.

    In angular/src/assets/abp-web-resources/abp.sweet-alert.js:

    - options.confirmButtonText = options.confirmButtonText || abp.localization.abpWeb('Ok');
    + options.confirmButtonText = options.confirmButtonText || abp.localization.localize('Ok', 'AbpZeroTemplate');
    

    PR for fix: aspnetzero/aspnet-zero-core#3208 (ASP .NET Zero 8.7.0)

  • User Avatar
    0
    alwefaq created

    Hi, i tried your first solution but it didn't work,

    this could be because I have an older version for the UI.

  • User Avatar
    0
    aaron created
    Support Team

    Try (abp as any):

    - abp.libs.sweetAlert.config.error.button = abp.localization.localize('Ok', 'AbpZeroTemplate');
    + (abp as any).libs.sweetAlert.config.error.button = abp.localization.localize('Ok', 'AbpZeroTemplate');