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

RadEditor Button Width

1 Answer 47 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 09 Sep 2014, 10:18 PM
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?

1 Answer, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 11 Sep 2014, 06:23 AM
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
 

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
Jeff
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Share this question
or