बूटबॉक्स जेएस: ओके बटन

Question

बूटलबॉक्स.जेएस में, डिफ़ॉल्ट रूप से रद्द करें बटन के बाद ठीक बटन दिखा रहा है। मैं इसे पहले होना चाहता हूं और फिर रद्द करना चाहता हूं। यहाँ मौजूदा परिदृश्य की स्थिति,

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

मैं पहली बार ठीक बटन की जरूरत है। मेरे पास इसका दस्तावेज दृश्य है लेकिन इसे करने का कोई तरीका नहीं मिला।

Answer 1

आप इसे सीएसएस द्वारा कर सकते हैं।

.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

मैं इस समस्या को देखने में एक घंटे बिताता हूं, फिर मैंने bootbox.js फ़ाइल बदल दी।

बटन की गणना इससे पहले कि मैं कहा:

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

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

तो फिर आप अपने बटन के लिए एक आदेश सेट कर सकते हैं।

ओफ!

Answer 4

मैं जावास्क्रिप्ट

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> 

यहां मेरा कोई बटन हमेशा के लिए दाईं ओर दिखाई नहीं देगा।