DOJO विजेट की डिफ़ॉल्ट शैली बदलना

मैं कुछ डिफ़ॉल्ट सीएसएस शैलियों को बदलने में सक्षम होना चाहता हूं, उदाहरण के लिए, ditit.TitlePane "फैक्ट्री-स्थापित" सीएसएस विषयों को हैक किए बिना। मैं जो करने की कोशिश कर रहा हूं वह शीर्षक और ContentOuter टाइटलपेन की सीमाओं को हटा रहा है। विजेट को घोषित करते समय कक्षा (इस मामले में, "सीमाहीन") सेट करना काम नहीं करता है (नीचे देखें: मैंने डेटा-डोजो-प्रोप के भीतर कक्षा को सेट करने का भी प्रयास किया है। फिर भी नहीं जाना)।DOJO विजेट की डिफ़ॉल्ट शैली बदलना

<div class="borderless" data-dojo-type="dijit.TitlePane" data-dojo- props="title:'Filter by Last Name'" open="false">

निम्नलिखित कक्षाएं जिन्हें मैं claro.css फ़ाइल में बदलना चाहता हूं। बेशक, मैं वहां सीमा बदल सकता हूं, लेकिन मैं स्पष्ट कारणों से उस मार्ग पर जाना नहीं चाहता हूं। मैं बस इतना करना चाहता हूं कि इन सेटिंग को अपनी कक्षा में ओवरराइड करें। यह होना चाहिए वास्तव में आसान है, लेकिन मैं सिर्फ एक मस्तिष्क क्रैम्प खींच रहा हूं। कोई मदद? (DOJO 1.7.1 का उपयोग करना)।

धन्यवाद

.claro .dijitTitlePaneTitle { 
background-color: #EFEFEF; 
background-image: url("images/titlebar.png"); 
background-repeat: repeat-x; 
border: 1px solid #B5BCC7; 
min-height: 17px; 
padding: 0 7px 3px; 
} 

.claro .dijitTitlePaneContentOuter { 
-moz-border-bottom-colors: none; 
-moz-border-image: none; 
-moz-border-left-colors: none; 
-moz-border-right-colors: none; 
-moz-border-top-colors: none; 
background: none repeat scroll 0 0 #FFFFFF; 
border-color: -moz-use-text-color #B5BCC7 #B5BCC7; 
border-width: medium 1px 1px; 
}

स्रोत

2012-01-16 Mark Hall

आप एक चयनकर्ता है कि अधिक विशिष्ट है बनाकर शैलियों को ओवरराइड करने में सक्षम होना चाहिए।

यह काम करना चाहिए। आपके शरीर तत्व में, अन्य वर्ग को जोड़ने की तरह

<body class='claro myCompany'>

तो आप अपनी शैली को परिभाषित कर सकते हैं:

.claro.myCompany .dijitTitlePaneContentOuter { 
-moz-border-bottom-colors: none; 
-moz-border-image: none; 
-moz-border-left-colors: none; 
-moz-border-right-colors: none; 
-moz-border-top-colors: none; 
background: none repeat scroll 0 0 #FFFFFF; 
border-color: -moz-use-text-color #B5BCC7 #B5BCC7; 
border-width: medium 1px 1px; 
}

कुछ भी अधिक विशिष्ट डोम पेड़ पथ के आधार पर भी काम करेंगे,

<body class='claro'> 
    <div class='fooClass'> 
    <your title pane here>

की तरह

और फिर अपने चयनकर्ता में:

.claro.myCompany .fooClass .dijitTitlePaneContentOuter { 
    /* my special css */

स्रोत

2012-01-16 23:55:50 mtyson

पूरी तरह से काम करता है! धन्यवाद। मैं केवल यह मान सकता हूं कि अगर मैं पर्याप्त सीएसएस के साथ काम करता हूं - और इस तरह ठोस मदद प्राप्त करें - मैं अंत में अपनी जटिलताओं को सीखूंगा। –

खुशी है कि यह काम किया! – mtyson

DOJO विजेट की डिफ़ॉल्ट शैली बदलना

उत्तर

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