RadEditor Button Width

2 posts, 0 answers
  1. Jeff
    Jeff avatar
    6 posts
    Member since:
    Mar 2014

    Posted 09 Sep 2014 Link to this post

    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?
  2. Ianko
    Ianko avatar
    1507 posts

    Posted 11 Sep 2014 Link to this post

    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:
        a.reTool[title="Custom Tool"] {
            width:50px; /* you can use width property or padding */
            /*padding:0 20px;*/
    <telerik:RadEditor runat="server" ID="RadEditor1" Skin="Silk">
                <telerik:EditorTool Name="CustomTool" Text="Custom Tool" />
                <telerik:EditorTool Name="Bold"/>
                <telerik:EditorTool Name="Italic"/>
                <telerik:EditorTool Name="Underline"/>


    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.

  3. DevCraft R3 2016 release webinar banner
Back to Top