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
    Admin
    Ianko avatar
    1535 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:
    <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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top