[Solved] Show only edit modes icons

[Frank Kocher]

Hi,

is it possible to show only the edit mode icons, e.g. without the text preview or html. Before we changed to Telerik ASP.NET AJAX Controls we had at the classic controls a property to define that only the icons will be shown.

Thanks for any hints.

Frank

[Dobromir]

Hello Frank,

RadEditor offers the possibility to show/hide specific view modes by setting the EditModes property to match the requested scenario, e.g:

<telerik:RadEditor runat="server" ID="RadEditor1" EditModes="Design,Preview"></telerik:RadEditor>

Additional information on the subject is available in the following help article:
Edit Modes

Greetings,
Dobromir
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Frank Kocher]

Hi Dobromir,

i know the EditModes property already. What i meant is the apperance of the edit modes at the editor. Ordinary the icons and the text will be shown. But what i need is the apparance in the attached picture file shown (without the red border, is only for help).

Greetings Frank

[Martin]

Hi Frank Kocher,

Here is the CSS that you can use in order to remove the text from the editor modes buttons:

.reEditorModes a
{
 background: none !important;
 width: 22px !important;
}   
 
.reEditorModes span
{
 text-indent: -9999px;
}

... However, please, keep in mind that the approach that has been used prevents the buttons from having a "selected" state and you will need to create your own "selected" state image and refer it with a CSS like this:

.reEditorModes a.reMode_selected
{
 background: url('SelectedState.gif') no-repeat center !important;
}

Greetings,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.