2013-10-22 9 views
6

में सीएसएस जोड़ना मैं सेन्चा सीएमडी 3 के साथ सेन्चा टच 2.3 का उपयोग कर रहा हूं और इसमें कोई समस्या नहीं है।सेन्चा सेमीडी 4 और सेन्चा टच 2.3 एप.जेसन

मैंने हाल ही में सेन्चा सीएमडी 4 में अपग्रेड किया और एक नया सेन्चा टच 2.3 ऐप बनाया।

अब, मैं जोड़कर विषय बदलने के लिए app.json फ़ाइल में निम्न की कोशिश की:

"css": [ 
    { 
     "path": "touch/resources/css/cupertino.css", 
     "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] 
     "theme": "Cupertino", 
     "update": "delta" 
    }, 
], 

और मैं पहले से मौजूदा कोड हटाया:

{ 
    "path": "resources/css/app.css", 
    "update": "delta" 
} 

यह नहीं है ऐप में प्रतिबिंबित करना। गलत क्या है ? यह दृष्टिकोण है जो दस्तावेज़ों द्वारा सुझाया गया है। लेकिन यह अभी नहीं हो रहा है। अगर मैं सीधे cupertino.cssसंसाधन/सीएसएस पथ में रखता हूं और इसे app.css पर पुनर्नामित करता है, तो यह दर्शाता है। तो app.css कहां सेट किया जा रहा है?

+0

असल में जरूरत नहीं है, मैं सिर्फ नहीं कर सकते जोड़ने app.json के माध्यम से एक बाहरी सीएसएस !! सेन्चा सीएमडी 4 में क्या बदल गया है ??? – senchaDev

+0

मैं अभी भी एक ही समस्या चला रहा हूं, और कुछ दिन पहले, मैंने सेन्चा मंचों पर समान धागा खोला था लेकिन प्रदान किया गया समाधान काम नहीं कर रहा है: http://www.sencha.com/forum/showthread.php?274253- सेन्चा- टच-2.3-थीम-इंस्टॉल-द्वारा-डिफ़ॉल्ट-पी = 1005178 # पोस्ट 1005178 – Malloc

उत्तर

18

सेन्चा सीएमडी 4 ऐप लॉन्च करने के लिए bootstrap.js फ़ाइल का उपयोग करता है। सेन्चा ऐप को रीफ्रेश करें कमांड बूटस्ट्रैप.जेएस फ़ाइल को अपने ऐप.जेसन फ़ाइल में परिभाषित सीएसएस गुणों के साथ अद्यतन करने के लिए।

+1

शानदार! यह काम !! क्या यह कहीं भी दस्तावेज है! – senchaDev

+1

अद्भुत, यह 'थीमिंग के लिए परिचय' ट्यूटोरियल में क्यों नहीं लिखा गया है !! – EralpB

+0

जिसने मुझे घंटे बचाया! –

1

क्या आप यह सुनिश्चित करने के लिए अपनी cupertino.scss फ़ाइल पोस्ट कर सकते हैं कि सब कुछ सही तरीके से कॉन्फ़िगर किया गया हो। जब मैं सेन्चा टच 2.3 & सीएमडी 4 में माइग्रेट किया गया तो मुझे इस मुद्दे का सामना करना पड़ा।

इसके अलावा, आप

सही app.json app.json अंदर पूरे रास्ते को संदर्भित करने के

"css": [ 
    { 
     "path": "resources/css/cupertino.css", 
     "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] 
     "theme": "Cupertino", 
     "update": "delta" 
    }, 
], 

सही Cupertino.scss

@import 'sencha-touch/cupertino'; 
@import 'sencha-touch/cupertino/all'; 
$background-color: #fff !default; 
$primary-text-color: $ios7-blue !default; 
$secondary-text-color: #000 !default; 

@import 'shared'; 
.charttoolbar { 
    .x-button { 
     border: 1px solid $ios7-blue; 
     background-color: white; 
    } 
} 
+1

यह सिर्फ cupertino.css के साथ नहीं है। मैं किसी भी बाहरी सीएसएस के साथ इस समस्या का सामना कर रहा था जिसे मैं app.json के माध्यम से जोड़ना चाहता था। यह प्रतिबिंबित नहीं कर रहा था। लेकिन जैसा कि @jeff ने बताया, सेन्चा ऐप रीफ्रेश चलाना काम किया! – senchaDev

संबंधित मुद्दे