Bootbox js: Zmień położenie przycisku Ok

Question

W bootbox.js, domyślnie przycisk Ok jest wyświetlany po przycisku Anuluj. Chcę, żeby to było pierwsze, a następnie anuluj. Oto sytuacja z obecnym scenariuszu

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

muszę najpierw przycisk OK. Mam scenę z jej dokumentacją, ale nie znalazłem sposobu, żeby to zrobić.

Answer 1

Możesz to zrobić przez CSS.

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

Tu pracuje skrzypce zamówienie http://jsfiddle.net/9L3A9/51/

Answer 2

Można zmienić przycisków. Wypróbuj:

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 
    } 
}); 

Mam nadzieję, że to zadziała.

Answer 3

Spędziłem godzinę na zapoznanie się z tym problemem, a następnie zmieniłem plik bootbox.js.

Przed wyliczeniem przycisków I dodaje:

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

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

Następnie można ustawić zlecenia dla przycisków.

Ouf!

Answer 4

zmieniłem kolejność 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

mam do czynienia samą koniecznością. Rozwiązałem tę drogę. Wziąłem klasę, aby różnica między przyciskami wynosiła 10 pikseli.

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

Potem użyłem klasy bootstrap do przycisku i działa idealnie.

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

Tutaj mój nie przycisk pojawi się w prawo na zawsze.