This is a migrated thread and some comments may be shown as answers.

Change the width

3 Answers 82 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Iron
Kjell asked on 04 Dec 2014, 03:56 PM
How do I change the width of  tool FontName and FontSize?

3 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 09 Dec 2014, 11:28 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kjell
Top achievements
Rank 1
Iron
answered on 17 Dec 2014, 03:47 PM
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"
0
Ianko
Telerik team
answered on 17 Dec 2014, 05:16 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Editor
Asked by
Kjell
Top achievements
Rank 1
Iron
Answers by
Ianko
Telerik team
Kjell
Top achievements
Rank 1
Iron
Share this question
or