Bootbox 4.1.0: how to pass localized strings such as Ok, Cancel to Bootbox's confirm?

Question

In Bootbox 3.2.0, I was able to use confirm with strings passed as below:

bootbox.confirm(
    confirm_string, 
    cancel_string, 
    yes_string,
    function(r) {           
        if (r) {
            //do something
        }
    }
);

I am upgrading to 4.1.0 and I got errors with the above function call.

According to the documentation (http://bootboxjs.com/documentation.html) of Bootbox 4.1.0, there are two ways to call confirm:

bootbox.confirm(str message, fn callback)    
bootbox.confirm(object options)

I tested the fist way with the message string and a callback function and it works. For the second way, I was able to pass an object as follows:

{
  message: message_string
  callback: function(r) {
    //do something
  }
}

How can I pass strings for OK, Cancel buttons in the second way?

Thanks and regards.

Nobody knows how to pass localized strings for OK and Cancel buttons? — curious1, Oct 21 '13 at 03:02

score 18 · Answer 1 · answered Apr 22 '14 at 12:24

As an alternative this can also be done directly with bootbox.confirm, like so:

bootbox.confirm({
    buttons: {
        confirm: {
            label: 'Localized confirm text',
            className: 'confirm-button-class'
        },
        cancel: {
            label: 'Localized cancel text',
            className: 'cancel-button-class'
        }
    },
    message: 'Your message',
    callback: function(result) {
        console.log(result);
    },
    title: "You can also add a title",
});

score 9 · Answer 2 · answered Jul 20 '14 at 16:48

OR use localization - option, to change ALL Buttons per Default:

    bootbox.setDefaults({
          /**
           * @optional String
           * @default: en
           * which locale settings to use to translate the three
           * standard button labels: OK, CONFIRM, CANCEL
           */
          locale: "de"
    });

seen: http://bootboxjs.com/documentation.html, "Helper methods"

score 7 · Accepted Answer · answered Nov 06 '13 at 10:19

You can use the "Custom dialog" (bootbox.dialog) to change these strings.

bootbox.dialog({
  message: "Custom message",
  title: "Custom title",
  buttons: {
    danger: {
      label: "Custom Cancel",
      className: "btn-danger",
      callback: function() {
        //do something
      }
    },
    main: {
      label: "Custom OK",
      className: "btn-primary",
      callback: function() {
        //do something else
      }
    }
  }
});

Bootbox 4.1.0: how to pass localized strings such as Ok, Cancel to Bootbox's confirm?

3 Answers3