RadEditor 6.16: Remove Picture Link Border

[Wolfgang]

Hi, we successfully implemented RadEditor on sharepoint 2010.

Whenever a user is inserting a picture (using Picture Manager) and assigning a link to that picture, it's surrounded by default blue link frame/border. The user might be able to edit HTML to get rid of it. However, most users aren't familiar with HTML editing.
Is there a way to suppress the default behavior with a simpe setting in the ListConfigFile.xml ?

 

Thanks in advance

Wolfgang

[Rumen]

Hi,

Try to import the following CSS in the content area of RadEditor:

img {border : 0;}

It should remove the border around the linked image(s).

You can see how to import CSS into the editor in these resources:
http://docs.telerik.com/devtools/aspnet-ajax/sharepoint/2010/radeditor-web-part/customization/defining-custom-css-styles
http://www.telerik.com/forums/external-css-for-radeditor-in-sharepoint-2013
http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/toolbars/dropdowns/external-css-files
http://www.telerik.com/forums/radeditor-for-sharepoint---different-configuration-files

Best regards,
Rumen
Telerik by Progress

 

 

[Pistle]

This is a default behavior of IE inside the editable iframe elements, which can be customized via the following CSS rule:
a img { border: none; }
Put the class in a CSS file and load it through the CssFiles property of RadEditor. It will clear all borders shown for images inside an tag.