RadEditor Button Width

[Jeff]

I have a requirement to create a custom button on my toolbar that is wider than the standard button. How do I do this with RadEditor?

[Ianko]

Hi Jeffrey,

Adding custom tools to the editor creates additional HTML elements according the Name and Text properties added.

For example adding a Tool with Text "Custom Tool", will add an anchor with title attribute "Custom Tool".

These elements can be styles with plain CSS.

Follow this example:

<style>
    a.reTool[title="Custom Tool"] {
        width:50px; /* you can use width property or padding */
        /*padding:0 20px;*/
    }
</style>


<telerik:RadEditor runat="server" ID="RadEditor1" Skin="Silk">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="CustomTool" Text="Custom Tool" />
            <telerik:EditorTool Name="Bold"/>
            <telerik:EditorTool Name="Italic"/>
            <telerik:EditorTool Name="Underline"/>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

Regards,
Ianko
Telerik