Bootbox js: modifica del posizionamento del pulsante Ok

Question

In bootbox.js, per impostazione predefinita, il pulsante OK mostra il pulsante Annulla. Voglio che sia il primo e poi annullare. Ecco la situazione di scenario attuale,

http://paynedigital.com/img/confirm-simple.png

Ho bisogno primo pulsante Ok. Ho sceneggiato la sua documentazione ma non ho trovato il modo di farlo.

Answer 1

Puoi farlo tramite CSS.

.modal-footer button { 
    float:right; 
    margin-left: 10px; 
} 

Qui sta lavorando violino http://jsfiddle.net/9L3A9/51/

Answer 2

È possibile modificare l'ordine dei pulsanti. Prova:

bootbox.confirm({ 
    title: "danger - danger - danger", 
    message: "Are you sure of this?", 
    buttons: { 
     cancel: { 
     label: "Cancel", 
     className: "btn-default pull-right" 
    }, 
    confirm: { 
     label: "Delete", 
     className: "btn-danger pull-left" 
    } 
    }, 
    callback: function(result) { 
    // Do your stuff here 
    } 
}); 

Spero che questo funzioni per voi.

Answer 3

Trascorro un'ora a dare un'occhiata a questo problema, quindi ho cambiato il file bootbox.js.

Prima l'enumerazione dei pulsanti ho aggiunto:

var list = Object.keys(buttons).map(
    function (key) { 
     return buttons[key]; 
    }); 

    buttons = list.sort(function (a, b) { 
     return b.order -a.order ; 
    }); 

quindi è possibile impostare un ordine per i pulsanti.

Ouf!

Answer 4

ho cambiato l'ordine nel javascript

exports.confirm = function() { 
    var options; 

    // changed the order of the buttons 
    //options = mergeDialogOptions("confirm", ["cancel", "confirm"], ["message", "callback"], arguments); 
    options = mergeDialogOptions("confirm", ["confirm", "cancel"], ["message", "callback"], arguments); 

Answer 5

Ho affrontato stessa necessità. Ho risolto in questo modo. Ho preso una classe per fare la differenza di 10 pixel tra i pulsanti.

<style> 
    .margin-left-10px { 
     margin-left: 10px; 
    } 
</style> 

Quindi ho usato la classe bootstrap sul pulsante e funziona perfettamente.

<script> 
    buttons: { 
      confirm: { 
       label: 'Yes', 
       className: 'btn-danger' 
      }, 
      cancel: { 
       label: 'No', 
       className: 'btn-success pull-right margin-left-10px' 
      } 
    } 
</script> 

Qui il mio pulsante non verrà visualizzato a destra per sempre.