RadEditor Custom Tool in SplitButton not showing image

3 posts, 1 answers
  1. Erick Burgess
    Erick Burgess avatar
    14 posts
    Member since:
    Apr 2009

    Posted 12 May 2014 Link to this post

    I have this in my tools xml file:
    <tools name="Tools">
        <tool name="Custom_StripWidth" text="Strip All Widths/Heights" />
        <tool name="Custom_ClearAll" text="Clear" />
        <tool name="Custom_Format" type="SplitButton">
            <tool name="Custom_StripWidth" text="Strip Widths/Heights" />
            <tool name="StripCss"/>
            <tool name="StripFont"/>
            <tool name="StripSpan"/>
            <tool name="StripWord"/>
            <tool name="StripAll"/>

    And this in my css:
    .reTool .Custom_Format {
        background-image: url('../images/icons/format.png');
    .reTool .Custom_StripWidth {
        background-image: url('../images/icons/strip_width.png');

    As you can see from the attached picture, the Custom_StripWidth tool on the main bar looks correct, but the one nested in the SplitButton is missing the image.

    Any ideas?
  2. Answer
    Ianko avatar
    1729 posts

    Posted 13 May 2014 Link to this post

    Hello Erick,

    Note that the tools in Split Buttons are differently rendered than the ordinary buttons. INvwestigating the rendered tools with the dev toolbar you should see that the parent of the tool has class name reTool_text and this is why the set rule does not work for the slit button.

    I suggest using the following example in the built project:
    .reTool .Custom_StripWidth,
    .reToolbar .reTool_text span.Custom_StripWidth {
        background-image: url('../images/icons/strip_width.png');


    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. Erick Burgess
    Erick Burgess avatar
    14 posts
    Member since:
    Apr 2009

    Posted 13 May 2014 in reply to Ianko Link to this post

    That did it, thanks!
Back to Top