Which native CSS file to include if EnableEmbeddedSkins and EnableEmbeddedBaseStylesheet are false in web.config

[Shukhrat Nekbaev]

Hi,

in appSettings my web.config has
<add key="Telerik.EnableEmbeddedSkins" value="false" />
<add key="Telerik.EnableEmbeddedBaseStylesheet" value="false" />

which files should I include in page to make ImageEditor appear fully styled?
I have in head:

<telerik:RadStyleSheetManager ID="RadStyleSheetManager2" runat="server">
        <StyleSheets>
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.ImageEditor.css" Assembly="Telerik.Web.UI" />
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.Default.ImageEditor.Default.css" Assembly="Telerik.Web.UI" />
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.ToolBar.css" Assembly="Telerik.Web.UI" />
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.Default.ToolBar.Default.css" Assembly="Telerik.Web.UI" />
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.Dock.css" Assembly="Telerik.Web.UI" />
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.Default.Dock.Default.css" Assembly="Telerik.Web.UI" />
        </StyleSheets>
    </telerik:RadStyleSheetManager>

I don't see tool bar button images, no dialog button images, also some dialogs look a bit "unfinished".

Thank you!

[Bozhidar]

Hello Shukhrat,

At the moment you could not use Image Editor with a custom skin. An additional styles were applied on order to fix that issue and the fix will be available in the next official release - Q2 Service Pack 1 scheduled for the mid September. Please note, that predefined Telerik skins will use <img /> tag for the tool icons, while the custom skins will use sprite image.

Greetings,
Bojo
the Telerik team

[Shukhrat Nekbaev]

Hi,

thank you for the reply!
It will be great if after the patch it would behave as your other controls, so that I will be able to implement as initially planned.

[Shukhrat Nekbaev]

Hi,

what if I don't need custom skins, but would like to utilize some existing, like Default?
I globally have disabled loading of skins and stylesheets for telerik controls because I load them manually in master page using RadStyleSheetManager to combine them all in one and load only those that I need, plus additional semi-skins for RadCombobox for example. And I dont use sprites for that semi-skins.

My assuption is that RadStyleSheetManager (which is defined in header on master page) will combine all in one and will insert some cachable link to css file (unless that file name changes constantly), I doing it that way because I load controls dynamically and otherwise sometimes some of your controls fail to load own styles or resources. So I do preloading that way.

[Bozhidar]

Hi Shukhrat,

I suggest you to download the latest internal build where the fix is already available and you will be able to use custom skin.

As for your question, it will be hard to use changed existing skin, because the ImageEditor button icons are rendered with an <img /> tag for accessibility issues - in some Windows themes - such as High Contrast, background images are not shown, and if the control is fully designed with background images set via CSS it will be broken. That`s why we have decided to use <img /> tag, sprite and clip region for that controls. However if you decide to create custom skin, you will not be able to use the <img > tag solution and in that case a CSS class is added in order to use background images for your custom theme. Actually it will not change the way of creating the custom skin, but will change the rendering compared to the predefined skins.

Regards,
Bojo
the Telerik team

[Shukhrat Nekbaev]

Hi Bojo,

Thanks again for clarification!