Bootbox js：Okボタンの配置を変更します。

Question

bootbox.jsでは、デフォルトでキャンセルボタンの後にOkボタンが表示されます。私はそれを最初にしてから取り消したい。ここでは現在のシナリオの状況は、私が最初に[OK]ボタンを必要とする、

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

です。私はドキュメンテーションのシーンを持っていますが、それを行う方法は見つけられませんでした。

Answer 1

これはCSSで行うことができます。ここで

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

あなたはボタンの順序を変更することができますフィドルhttp://jsfiddle.net/9L3A9/51/

Answer 2

を進めています。試してみてください：

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

これはうまくいきます。

Answer 3

この問題を調べるのに1時間を費やしてから、bootbox.jsファイルを変更しました。私は追加のボタンの列挙の前に

：

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

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

次に、あなたがあなたのボタンの順序を設定することができます。

Ouf！

Answer 4

私は同じ必要性に直面してきたの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

の順序を変更しました。私はこのように解決しました。私はボタンの間に10ピクセルの違いを作るためのクラスを取った。

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

次に、ボタンにブートストラップクラスを使用しました。完全に動作しています。

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

ここに私の何のボタンが永遠に右に登場しません。