[Solved] How to expand size of Font Size drop down?

[Wei Min Chan]

I've made a simple toolbar that consists of
font size selector, seperator, bold, italics, underline.

Problem is that the area given to the font size selector is only about 36 pixels so in IE7 it get's chopped off by the text-overflow style and says "S..." but in Firefox for some reason it says "Size" with the last e being slightly obsecured by the drop down arrow.

So now the client WANTS the word Size to be displayed... am I able to change the width of the space occupied by the dropdown?

Thank you!

[Rumen]

Hello Wei,

You can resize the editor's dropdowns width by setting the width attribute of the telerik:EditorTool inner tag:

        <telerik:RadEditor ID="RadEditor1" runat="server">
            <Tools>
                <telerik:EditorToolGroup>
                    <telerik:EditorTool Name="fontsize" width="50px" />
                </telerik:EditorToolGroup>
            </Tools>
        </telerik:RadEditor>

You can find more information in the following help article: Resizing The Dropdown Header And Pop Up Size.


Kind regards,
Rumen
the Telerik team

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

[Wei Min Chan]

Didn't work for me, this is what my code looks like

    <telerik:RadEditor  Width="600"  ID="tbBody" Content='<%# Bind("Body") %>' StripFormattingOptions="All" StripFormattingOnPaste="all" runat="server" EditModes="Design" Language="" NewLineBr="True" >
                <CssFiles>
                    <telerik:EditorCssFile Value="~/blog/editor.css" />
                </CssFiles>
                <Tools>
                    <telerik:EditorToolGroup>
                            <telerik:EditorTool Name="fontsize" ShowText="true" Text="Size" width="100"/>
                            <telerik:EditorSeparator  Visible="true"/>
                            <telerik:EditorTool Name="bold" />
                            <telerik:EditorTool Name="italic" />
                            <telerik:EditorTool Name="underline" />
                            <telerik:EditorSeparator  Visible="true"/>
                            <telerik:EditorTool Name="forecolor"   />
                            <telerik:EditorTool Name="BackColor" />
                            <telerik:EditorSeparator  Visible="true"/>
                            <telerik:EditorTool Name="LinkManager" />
                            <telerik:EditorTool Name="Unlink" />
                    </telerik:EditorToolGroup>
                </Tools>

            </telerik:RadEditor>

When I put the width property in I get an error on page load.

---------------------------
Error
---------------------------
A Runtime Error has occurred.
Do you wish to Debug?

Line: 2765
Error: Sys.InvalidOperationException: 'width' is not a property or an existing field.
---------------------------
Yes   No  
---------------------------
Thinking it was a matter of case I've already tried using 'width' and 'Width' and it still fails.

[Rumen]

Hi Wei,

I tested your code with RadControls ''Prometheus'' for ASP.NET 2007.31218 and it worked properly without errors. Could you please check whether you are not using some earlier version that does not support the Width attribute.

For your convenience I have attached my test project.

If you are not able to solve the problem on your side, please open a support ticket and send a sample working project.


Best regards,
Rumen
the Telerik team

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