RenderMode=auto and (icons for) custom dialogs

4 posts, 0 answers
  1. Marja
    Marja avatar
    70 posts
    Member since:
    Nov 2013

    Posted 20 Jan Link to this post

    When adding custom dialogs (as explained at http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/custom-dialogs) we provide a toolbar icon for each dialog.

    Those custom icons are used in the default 'classic' rendering mode of the editor. 
    But... when using RenderMode=auto, those icon-images are replaced with gear wheels.

    How can we provide our own icons for other rendering modes than the 'classic' mode?

     

  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 22 Jan Link to this post

    Hi Marja,

    With the Lightweight rendering switched to the rendering of RadEditor, its dialogs and all elements are different now. Thus, you should update the CSS that decorates the icons according to the new rendering. 

    Can you please, provide a simple markup example of the customization you have on your end, so that I could better understand which icons have been customized? And suggest you possible CSS rules that you can use for the new rendering.

    Regards,
    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Marja
    Marja avatar
    70 posts
    Member since:
    Nov 2013

    Posted 22 Jan in reply to Ianko Link to this post

    No need to provide our own example, as we've implemented our custom dialogs as explained in the Telerik documentation at http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/custom-dialogs
    You can see what we've done and how we've done it there.

    So if you can point me to documentation about the new Lightweight way of working, I would be much obliged.

  5. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 22 Jan Link to this post

    Hello Marja,

    I am sorry, I was confused that the dialog icons need customization. 

    With Lightweight rendering mode, you can use these styles:
    <telerik:RadEditor runat="server" ID="RadEditor1" RenderMode="Lightweight">
        <Tools>
            <telerik:EditorToolGroup>
                <telerik:EditorTool Name="InsertSpecialLink" Text="Insert Special Link" />
            </telerik:EditorToolGroup>
        </Tools>
        <Content>       
            Sample Content  
        </Content>
    </telerik:RadEditor>
     
    <style type="text/css">
    .reToolBar .reTool.reInsertSpecialLink {
        background-repeat: no-repeat;
    }
     
        .reToolBar .reTool.reInsertSpecialLink:before {
            display:none;
        }
    </style>

    Regards,
    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top