2009-09-12 16 views
5

टेलीरिक रैडकंट्रोल के लिए टेलरिक रैडकंट्रोल से सीएसएस शैलियों का पुन: उपयोग कैसे करें, उनके सभी नियंत्रणों को स्टाइल करने के लिए स्किनिंग और सीएसएस का उपयोग करने के लिए अंतर्निहित समर्थन है। हालांकि, इन नियंत्रणों को किसी मौजूदा वेबसाइट में प्लग करते समय, मौजूदा साइट की शैलियों को रेडकंट्रोल की शैलियों के साथ मर्ज करने का सबसे अच्छा तरीका क्या है?एएसपी.नेट अजाक्स

अद्यतन: निम्नलिखित विकल्पों को देखते हुए (Zhaph करने के लिए धन्यवाद):

  1. अपनी साइट के लिए RadControl के CSS जोड़
  2. RadControls अधिक मेरी साइट की तरह लग रहे
  3. अपनी साइटों सीएसएस चयन जोड़े बनाओ RadControl शैली सूचियों के लिए

सबसे अच्छा विकल्प क्या होगा?

विकल्प 2 की आवश्यकता होगी कि मैं शैलियों के दो सेट आगे बढ़ूं। तो अधिमानतः विकल्प 1. यह साइट पर RadControls शैली प्रणाली का पुन: उपयोग सक्षम करेगा, उदा। बटन और सरल नियंत्रण समान दिखते हैं।

अपडेट 2 (मेरे उत्तर से स्थानांतरित): मैं संयोजन कर रहा हूं। the FormDecorator का उपयोग करके अपने स्वयं के बटन और इनपुट पर RadControls शैलियों का पुन: उपयोग करने में सक्षम बनाता है। इसके अलावा, टेलरिक द्वारा प्रदान की गई खाल की प्रतिलिपि मेरी एएसपी.Net थीम में खाल को अनुकूलित करने में सक्षम है।

+0

क्या आपका मतलब है कि रैडकंट्रोल के सीएसएस को अपनी साइट पर कैसे जोड़ें, या रैडकंट्रोल को अपनी साइट की तरह कैसे दिखाना है, या अपनी साइट सीएसएस चयन को RadControl शैली सूचियों में कैसे जोड़ना है? –

+0

जो भी सबसे आसान है। मुझे पता है कि आरसी को मेरी साइट की तरह दिखने के लिए स्टाइल किया जा सकता है, लेकिन फिर मुझे शैलियों के दो सेटों को आगे बढ़ाना होगा। –

उत्तर

2

मुझे यह मानना ​​है कि मैंने कुछ समय के लिए रैडकंट्रोल का उपयोग नहीं किया है - हमने कुछ सीएमएस साइटों पर सीएमएस रेडएडिटर का उपयोग किया है, और यह स्वचालित रूप से आपकी स्टाइल शीट उठा सकता है, और कक्षाओं को अपनी सूची में जोड़ सकता है, या आप कुछ मैन्युअल रूप से जोड़ सकते हैं।

देख रहे हैं कि प्रलेखन, कुछ बिट्स मदद कर सकता है:

  1. RadEditor CSS Classes and Their Use - हालांकि आम तौर पर इन नियंत्रणों मैंने सोचा द्वारा स्वचालित रूप से जुड़ जाते हैं?
  2. 1. के लिए लिंक आपको यह भी बताता है कि कैसे इस
  3. विकल्पों
    • External CSS Files के एक जोड़े, जिसमें कहा गया है "ASP.NET AJAX के लिए डिफ़ॉल्ट RadEditor तक वर्तमान पृष्ठ में उपलब्ध सीएसएस वर्गों का उपयोग करता है" करने के लिए , लेकिन यह भी दिखाता है कि अन्य स्टाइल शीट कैसे लोड करें।
    • Using the ToolsFile.xml - < कक्षा> तत्व पर नीचे स्क्रॉल करें।

      http://stylebuilder.telerik.com/:

+0

धन्यवाद! मैं इन में खोदूँगा! –

0

इस सूत्र के लिए एक अद्यतन के रूप में, वहाँ अब Telerik AJAX और MVC उपकरण है कि निर्मित खाल के दृश्य विन्यास/अनुकूलन सक्षम बनाता है के लिए एक ऑनलाइन "शैली बिल्डर" है

यह टूल प्रत्येक नियंत्रण के लिए सीएसएस क्लास परिभाषाओं को समझने की आवश्यकता को समाप्त करता है और आपको अपनी साइट से बेहतर मिलान करने के लिए अंतर्निहित थीम में से किसी एक को आसानी से अनुकूलित करने देता है।

+0

प्रश्न का उत्तर नहीं – Samuel

1

मैं बस जोड़ना चाहता था; FormDecorator केवल कुछ प्रकार के नियंत्रणों के लिए सीएसएस लागू करता है।आप एक नियंत्रण है कि स्टाइल नहीं है आप इस तरह Telerik संसाधनों का उपयोग कर सकते हैं:

.cs फ़ाइल - इस प्रकार की तरह एक सार्वजनिक संपत्ति है:

public string HeaderDivBackgroundURL 
{ 
    get 
{ 
{ 
    string backgroundURL = string.Empty; 
    string skin = ((MainMaster)Page.Master).AppSkin; 
    backgroundURL = Page.ClientScript.GetWebResourceUrl(typeof(RadSplitter), "Telerik.Web.UI.Skins." + skin + ".Splitter.slideTitleContainerBgr.gif"); 
    return backgroundURL; 
    } 
} 

} 

aspx पेज में (एक RadCodeBlock में) , बस उस संपत्ति से पढ़ने के लिए एक आंतरिक शैली पत्रक है:

<tel:RadCodeBlock runat="server"> 
    <style type="text/css"> 
     .telerikBackgroundMock 
     { 
      background: url('<%= HeaderDivBackgroundURL %>') repeat-x; 
     } 
    </style> 
</tel:RadCodeBlock> 

मैं एक तरीका है कि अभी भी गतिशील हो सकता है और किसी भी त्वचा में परिवर्तन के साथ बदल जाएगा में गैर Telerik नियंत्रण करने के लिए Telerik खाल लागू करने के लिए यह बहुत ही उपयोगी पाया।

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