كيفية إعادة استخدام أنماط css من Telerik RadControls على ASP.NET اياكس

Question

Telerik RadControls يكون مدمج دعم السلخ ويستخدم CSS إلى جميع الضوابط.ومع ذلك ، عند توصيل هذه الضوابط في الموقع الحالي, ما هي أفضل طريقة دمج الأساليب القائمة الموقع مع RadControls الخاصة الأساليب ؟

تحديث: وبالنظر إلى الخيارات التالية (بفضل Zhaph):

1. إضافة RadControl CSS إلى موقعي
2. جعل RadControls تبدو أكثر مثل موقعي
3. إضافة بلدي المواقع CSS التحديدات إلى RadControl نمط القوائم

ما يمكن أن يكون الخيار الأفضل ؟

الخيار 2 يتطلب أن الحفاظ على اثنين من مجموعات من أنماط تسير إلى الأمام.لذا يفضل الخيار 1.لتمكين إعادة استخدام RadControls نمط النظام عبر الموقع ، على سبيل المثالأزرار و ضوابط بسيطة ننظر نفسه.

تحديث 2 (انتقلت من الإجابة): لقد انتهى به الجمع.باستخدام على FormDecorator يمكن إعادة استخدام RadControls الأساليب على بلدي أزرار المدخلات.أيضا نسخ الجلود التي تقدمها Telerik في بلدي ASP.Net موضوع تمكين تخصيص الجلود.

Answer 1

أنا يجب أن أعترف, أنا لم تستخدم RadControls لبعض الوقت كنا CMS RadEditor على بعض مواقع CMS, و التي يمكن أن تلقائيا التقاط أوراق الأنماط ، إضافة فئات إلى قائمة أو يمكنك إضافة بعض يدويا.

تبحث هذه الوثائق ، وبعض أجزاء قد تساعد:

1. RadEditor الطبقات CSS و استخدامها - على الرغم من أن عادة ما يتم إضافة هذه تلقائيا من قبل ضوابط أعتقدت ؟
2. الرابط 1.يقول لك أيضا كيفية القيام بذلك
3. زوجين من الخيارات
   • ملفات CSS خارجي, التي تنص على "افتراضيا RadEditor على ASP.NET اياكس يستخدم الطبقات CSS المتاحة في الصفحة الحالية" ، ولكن تبين أيضا كيفية تحميل أخرى على غرار ورقة.
   • باستخدام ToolsFile.xml - انتقل لأسفل إلى <class> العنصر.

Answer 2

أردت فقط أن أضيف;على FormDecorator ينطبق فقط css إلى أنواع معينة من الضوابط.إذا كان لديك السيطرة ليس على غرار يمكنك الوصول إلى 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 التحكم في الطريقة التي سوف لا يزال تكون دينامية التغيير مع أي تغيرات الجلد.

Answer 3

عبارة عن تحديث هذا الموضوع, هناك الآن "على شبكة الإنترنت نمط البناء" عن Telerik اياكس و MVC الأدوات التي تمكن البصرية التكوين/التخصيص المدمج في جلود:

http://stylebuilder.telerik.com/

هذه الأداة يزيل الحاجة إلى فهم فئة CSS تعريفات لكل التحكم يتيح لك بسهولة تخصيص واحد من المدمج في مواضيع أفضل مباراة موقع الويب الخاص بك.