RadEditor dialogs to use different skin

2 posts, 0 answers
  1. Jordan
    Jordan avatar
    1 posts
    Member since:
    Oct 2018

    Posted 22 Oct 2018 Link to this post


    Is it possible for the dialog's (link manager, image manager etc) of a RadEditor to use a different skin to the editor. 

    I've got my default skin set in my Web.Config file. I then tried to override certain controls within the Web.Config file but they only seem to work when the controls are directly on the page. 

        <add key="Telerik.Skin" value="{CustomSkinName}" />
        <add key="Telerik.FileExplorer.Skin" value="{CustomSkinName}" />


    Is it possible to do what I'm after?

    I have tried to use a "DialogsCssFile" but that brings in other issues, for example for the RadEditor styling completely messes up as class names have changed.

    "RadEditor RadEditor_{CustomSkinName}" becomes "RadEditor {CustomSkinName}"

    Amongst many other problems.

  2. Rumen
    Rumen avatar
    14466 posts

    Posted 25 Oct 2018 Link to this post

    Hi Jordan,

    Yes, you can customize the dialogs appearance through the DialogsCssFile property and yes, there is a known problem when this property is used with a custom skin: The DialogsCssFile property breaks the appearance of a custom skin.

    To fix the DialogsCssFile problem please explicitly set the RenderMode property of RadEditor to "Lightweight", i.e.

    <telerik:RadEditor RenderMode="Lightweight" DialogsCssFile="~/CustomSkinName/DialogContents.css"  Skin="CustomSkinName" EnableEmbeddedSkins="false" ID="RadEditor1" runat="server" >
                <ImageManager ViewPaths="~/" UploadPaths="~/" />

    Best regards,
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top