[Solved] Setting Style for HyperLink Manager

[Sub]

Hello, I am attempting to apply css to the hyperlink manager (radwindow) that appears from the radeditor control. Currently I have the radeditor on an aspx page with enableembeddedstyles=false  e.g.

 <rad:RadEditor ID="x" runat="server"
        Skin="x" EnableEmbeddedSkins="false"  Height="300px"  >                       
        <Content>                      
        </Content>        
    </rad:RadEditor>

The control is getting style information from a stylesheet on the page using a link tag.
So the radeditor is getting style information correctly but the hyperlink manager seems to be using it's own internal style regardless of any selectors I have in my css file.
Is there a way to set the EnableEmbeddedSkins property of the hyperlink manger in this case and have it use my style sheet?

Thanks

[Rumen]

Hi Sub,

You can customize RadWindow css by importing the
    <link href="Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />
file and customizing the css of the Window.Default.css.

You can customize the contents of the  Hyperlink manager dialog by copying the EditorDialogs folder from the RadControls for ASP.NET AJAX installation to the root of your application and set the ExternalDialogsPath="~/EditorDialogs", e.g.

<telerik:radeditor id="RadEditor1" ExternalDialogsPath="~/EditorDialogs"  runat="server"></telerik:radeditor>

After that open the \EditorDialogs\LinkManager.ascx and import the desired css files in it.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Sub]

Excellent. That works.
Thank you!

[Atul]

could you please supply me with the equivalent solution in case we use the RadEditor in MOSS?

[Rumen]

Hi Atul,

You need to set the ExternalDialogsPath property in you respective ConfigFile.xml or ListConfigFile.xml, which are located in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources/ folder.
For example add the following code (5.x.x is the version of RadEditor for MOSS. Change the x.x with your version):

<property name="ExternalDialogsPath">/_wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources</property>

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Atul]

Thanks for the response - just one last bit to cover, can I change the CSS Class combo in the Hyperlink Manager to default to a specific style instead of "Apply Class" text?

[Rumen]

Hi Atul,

You should open the external \EditorDialogs\LinkManager.ascx file, locate the _loadCssClasses: function(currentLink) function and set the desired class as a parameter of the set_value method of the this._linkCssClass object, e.g.

_loadCssClasses: function(currentLink)
        {
            var cssClasses = this._clientParameters.CssClasses;

            //localization
            this._linkCssClass.set_showText(true);
            this._linkCssClass.set_clearclasstext(localization["ClearClass"]);
            this._linkCssClass.set_text(localization["ApplyClass"]);
            this._linkCssClass.set_value("someClass");
      ...

Save the file.

Regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.