Change the width

[Kjell]

How do I change the width of  tool FontName and FontSize?

[Ianko]

Hi,

You can refer to the following CSS examples to achieve the needed results:

<style type="text/css">
    a.reDropdown span.FontName {
        width: 100px;
    }

    a.reDropdown span.RealFontSize {
        width: 100px;
    }

    a.reDropdown span.FontSize {
        width: 100px;
    }
</style>

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FontName" />
            <telerik:EditorTool Name="RealFontSize" />
            <telerik:EditorTool Name="FontSize" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

Regards,
Ianko
Telerik

 

 

[Kjell]

Does not work, the width is the same no matter what I select value.

Use. <telerik:RadEditor ID="RadEditor1" ToolsFile="AdminToolbar.xml" Language="sv-SE" RenderMode="Lightweight"

[Ianko]

Hi Kjell,

It is expected with RenderMode set to Lightweight value not to work, the entire rendering is different and this is a key matter that should be included in the description at first place.

To resize the needed dropdown elements you can use these CSS rules:

<style>
    a.reDropdown.reFontName {
        width: 100px;
    }

    a.reDropdown.reRealFontSize {
        width: 100px;
    }

    a.reDropdown.reFontSize {
        width: 100px;
    }
</style>

<telerik:RadEditor runat="server" ID="RadEditor1" RenderMode="Lightweight">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FontName" />
            <telerik:EditorTool Name="RealFontSize" />
            <telerik:EditorTool Name="FontSize" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

Regards,
Ianko
Telerik