Stylebuilder Theme Doesn't Apply

[Prava kafle]

Hi,

I created a theme called "M4" and tried to use it for Telerik Ajax RadScheduler, I followed all the steps  mentioned in Video"http://tv.telerik.com/watch/aspnet/visualstylebuilder/visual-style-builder-aspnet-ajax-overview" but still it doesnot work.

1. Add all folders and .css file for Scheduler in
~/App_Themes/Theme1 folder
2. On Radscheduler  control, set skin="M4" and EnableEmbeddedSkins="false"

Am I missing anything?
Prava

[Peter]

Hello Prava,

Also, make sure that you register the stylesheet in your page as shown in this help topic (step 2) -
http://www.telerik.com/help/aspnet-ajax/introduction-skin-registration.html

Let me know if you still experience any problems.


Kind regards,
Peter
the Telerik team

[Prava kafle]

Hi Peter,

Custom Skin Files are in App_Theme folder and they are automatically registered. I am trying to implement custom skin at application level and am finally able to do so with  little bit of trick here and there. I added "<add key ="Skin" value ="M4"/>" in app settings   and it did not work so,  I am setting skin = M4 for all rad Controls in webconfig file.
<appSettings>
        <add key="Telerik.Skin" value="Telerik"/>
        <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled"/>
        <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled"/>

    <!-- Disables the embedded scripts and skins for all RadControls -->
    <add key="Telerik.EnableEmbeddedSkins" value="false"/>
    <add key ="Skin" value ="M4"/>     <!-- THIS DIDNOT WORK -->
 
    <add key="Telerik.Button.Skin" value="M4" /> <!-- THIS  WORKS -->
    <add key="Telerik.Calendar.Skin" value="M4" />
    <add key="Telerik.ColorPicker.Skin" value="M4" />
    <add key="Telerik.ComboBox.Skin" value="M4" />
    <add key="Telerik.FormDecorator.Skin" value="M4" />
    <add key="Telerik.Grid.Skin" value="M4" />
    <add key="Telerik.Input.Skin" value="M4" />
    <add key="Telerik.ListBox.Skin" value="M4" />
    <add key="Telerik.Upload.Skin" value="M4" />

    <add key="Telerik.Menu.Skin" value="M4" />
    <add key="Telerik.PanelBar.Skin" value="M4" />
    <add key="Telerik.Scheduler.Skin" value="M4" />
    <add key="Telerik.Splitter.Skin" value="M4" />
    <add key="Telerik.TabStrip.Skin" value="M4" />
    <add key="Telerik.ToolTip.Skin" value="M4" />
    <add key="Telerik.Window.Skin" value="M4" />
    <add key="Telerik.Upload.Skin" value="M4" />
  
 <add key="Telerik.AjaxLoadingPanel.Skin" value="WebBlue" />
    

  </appSettings>

<system.web>
     <pages enableEventValidation="false"   theme="Theme1">
     ..
</system.web>

Adding skin value for individual RadControls works but my application is taking too much time  in rendering. How can I add/Register  my custom skin to RadSkinManager, Is it even possible?

Style sheet Builder  doesn't  have an option to create skin for Ajax Loading Panel, I am using Radwindow and initially it displayed loading panel untill external page was fully loaded. How can I show custom/built in loading panel with custom Radwindow?


Thank you very much for the guidance.
Prava

[Peter]

Hello Prava,

Adding a RadSkinManager to your page and specifying the skin should suffice. Here is help topic for more details - http://www.telerik.com/help/aspnet-ajax/radskinmanager.html.

The skins for RadAjaxLoadingPanel do not actually vary and that is why Telerik's visual style builder tool does not have an option to create a custom skin for this control.You can add a custom image instead as shown in this demo - http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/transparency/defaultcs.aspx.


Best wishes,
Peter
the Telerik team