सीएसएस, सेल्सफोर्स, एक्सटीजेएस, और ब्लूज़

Question

मुझे सेल्सफोर्स के अंदर हमारे मौजूदा ऐप्स में कुछ एक्स्टजेस यूआई एन्हांसमेंट्स डेमो करने के लिए कहा गया है। यह केवल अवधारणा का प्रमाण है कि ExtJS डिफ़ॉल्ट UI के लिए एक अच्छा यूआई प्रतिस्थापन के रूप में काम करेगा जो हमारे अधिकांश VisualForce पृष्ठ का उपयोग करता है।

सब कुछ महान काम करता है, यानी, सीएसएस के कुछ बाधाओं और सिरों को छोड़कर। "Visual.force.com/sCSS/21.0/sprites/13013.../Theme3/default" के अंदर बहुत सारी शैलियों हैं जो ExtJS तत्वों के साथ गड़बड़ कर रहे हैं। विशेष रूप से commmon.css और विस्तारित सीएसएस।

Extended.css

body .x-date-middle, .x-date-left, .x-date-right { 
    background: none repeat scroll 0 0 transparent; 
} 

इस के चारों ओर एक सुंदर तरीका नहीं है, या ExtJS बस नहीं Salesforce के अंदर अच्छी तरह से खेलने के लिए जा रहा है: यहाँ एक उदाहरण है?

उदाहरण के लिए: क्या कोई तरीका है कि मैं अपने VisualForce पृष्ठ को commmon.css और expand.css को अनदेखा करने के लिए कह सकता हूं?

Answer 1

मैं जो भी बिक्री बल कर रहा हूं उससे बात नहीं कर सकता, लेकिन अगर एक्सटी की शैलियों को ओवरराइड किया जा रहा है (वास्तव में किसी भी अन्य सीएसएस द्वारा) आपके पास दो विकल्प हैं: अपमानजनक सीएसएस को हटाएं, या नियमों को ओवरराइड करें। Ext 3.x में उसके आस-पास कोई रास्ता नहीं है।

विस्तार 4 में आप वैश्विक Ext.baseCSSPrefix कॉन्फ़िगरेशन को अनुकूलित करके अपने Ext शैलियों को सैंडबॉक्स करने में सक्षम होंगे, जो प्रभावी रूप से इस समस्या को आगे बढ़ाएगा।

Answer 2

क्या आपको मानक सेल्सफोर्स स्टाइल शीट की आवश्यकता है? यदि नहीं, तो आप स्टाइल शीट को भेजने से सेल्सफोर्स को रोकने के लिए शोहेडर और मानक स्टाइलशीट विशेषताओं का उपयोग कर सकते हैं।

<apex:page standardStylesheets="false" showHeader="false"> 
</apex:page>