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

RenderMode=auto and (icons for) custom dialogs

3 Answers 61 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Marja
Top achievements
Rank 1
Marja asked on 20 Jan 2016, 01:35 PM

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?

 

3 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 22 Jan 2016, 08:07 AM
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
0
Marja
Top achievements
Rank 1
answered on 22 Jan 2016, 08:12 AM

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.

0
Ianko
Telerik team
answered on 22 Jan 2016, 11:19 AM
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
Tags
Editor
Asked by
Marja
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Marja
Top achievements
Rank 1
Share this question
or