How to change the default name of the bootbox OK button?

Question

How to change the default name of the bootbox OK button?

Navigation

#1 by (1 votes)
#2 by (1 votes)

0

I am using the bootbox in my application and would like to know how to do to change the default alert name that is OK, below my script:

@section Scripts{
    <script src="~/Scripts/bootbox.min.js"></script>
    <script>
    $(document).ready(function () {
        $.getJSON('@Url.Action("Ajax_Teste")', function (response) {
            alert("getJson sucesso");
        }).fail(function (data) {
            bootbox.alert("Não foi possível processar a sua requisição. abra o log para consulta" + data.responseJSON.msg);
        });
    });
    </script>
}

javascript bootstrap

asked by anonymous 01.02.2018 / 10:58

2 answers

1

The documentation has good examples: link

For your case, just set buttons :

bootbox.alert({
    message: "Não foi possível processar a sua requisição. abra o log para consulta" + data.responseJSON.msg",
    buttons: {
        ok: {
            label: 'Label do botão OK',
            className: 'btn-success'
        }
    }
});

01.02.2018 / 11:37

Ignore any white space in the middle of a string Which combo box was selected inside a form

score 1 · Accepted Answer

Follow the example:

$(document).ready(function() {
  bootbox.alert({
    message: "Não foi possível processar a sua requisição. abra o log para consulta",
    buttons: {
        ok: {
            label: 'Enviar o relatório de Erro.',
            // Se quiser mudar a classe tbm
            className: 'btn-danger'
        },
    },
    callback: function(){
        //seu código aqui
        console.log('clicou');
    }

   }) 
});

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.js"></script>

Examplewithconfirmation:

$(document).ready(function() {
  bootbox.confirm({
    message: "Não foi possível processar a sua requisição. abra o log para consulta",
    buttons: {
        confirm: {
            label: 'Enviar o relatório de Erro.',
            // Se quiser mudar a classe tbm
            className: 'btn-success',
        },
        cancel: {
            label: 'Não enviar',
            // Se quiser mudar a classe tbm
            className: 'btn-danger',
        }
    },
    callback: function(result){
        //seu código aqui
        if(result)        
          console.log("confirmou");
        else
          console.log("cancelou");
    }

   }) 
});

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.js"></script>