Sweetalert: बटन की स्थिति

वर्तमान में कॉन्फ़िगरेशन के माध्यम से कोई रास्ता नहीं है। आप CSS के माध्यम से थोड़ा पुनर्व्यवस्थित कर सकते हैं। जब आप अपडेट करते हैं तो डाउनसाइड्स संभावित टूटना होता है, और सभी ब्रेकपॉइंट्स को कवर करने की कोशिश कर रहे सीएसएस के संभावित अव्यवस्था।

ओवरराइटिंग सीएसएस इस तरह हो सकता है

.sa-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.sa-button-container .cancel {
    -webkit-order: 2;
            order: 2;
}
.sa-button-container .sa-confirm-button-container {
    -webkit-order: 1;
            order: 1;
}

@ gremz @ t4t5 मेरे पास एक ही मुद्दा था। मैंने यह देखने के लिए स्रोत में देखा कि क्या मैं अनुकूलित करता हूं लेकिन प्लगइन को कस्टम करने के लिए एक गैर हैकी तरीका नहीं ढूंढ सका। तो मैं अपने कोड में एक हैकी तरीके से बस गया :-) यदि आप jQuery का उपयोग कर रहे हैं तो ऐसा कुछ ठीक काम करता है।

function swapModalButtons(){
  $("button.cancel").before($("button.confirm"))
}

src:modules/injected-html.js लाइन: 53 आप देखेंगे कि आप क्या चाहते हैं, इसलिए आप इसका ऑर्डर सेट नहीं कर सकते।
संशोधित करें: Sweetalert.min.js
रद्द करें ढूंढें, इसकी स्थिति हटाएं, यह काम है।

आप लोग अब तक इस कांटे का उपयोग कर रहे होंगे: https://limonte.github.io/sweetalert2/

यह वास्तव में अपडेट किया गया है और इसमें एक रिवर्स बटन विकल्प है।

@ryanmortier मैं एक बड़ी परियोजना पर हूं और मुझे Sweetalert2 का उपयोग करने के लिए बहुत सारे लाल टेप से गुजरना होगा
@ghost मैंने इंजेक्शन-html.js संपादित किया है और क्रम बदल दिया है ... मैंने Sweetalert.min.js को बदलने का प्रयास किया है। यह काफी गन्दा काम है। मैं नहीं बता सकता कि मैंने इसे सही तरीके से किया या नहीं। बटन अभी भी उलटे नहीं हैं। न्यूनतम फ़ाइल को संपादित करने का सबसे अच्छा तरीका क्या है?

यह अब 2.0 का उपयोग करके किया जा सकता है:

swal({ 
  buttons: { 
    confirm: true, 
    cancel: true,
  }
})

... सटीक क्रम निर्धारित करने के लिए!

आप लोग अब तक इस कांटे का उपयोग कर रहे होंगे: https://limonte.github.io/sweetalert2/

यह लिंक पुराना है, यहाँ सही है https://sweetalert2.github.io/

नमस्ते। मुझे भी यही समस्या थी। और इस काम के साथ हल करें। .min पर जाएं और देखें:
डिव क्लास = "एसए-बटन-कंटेनर">\n
पुष्टिकर्ता \n