RadEditor 6.16: Remove Picture Link Border

3 posts, 0 answers
  1. Wolfgang
    Wolfgang avatar
    3 posts
    Member since:
    May 2016

    Posted 29 Sep 2016 Link to this post

    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

  2. Rumen
    Admin
    Rumen avatar
    14386 posts

    Posted 29 Sep 2016 Link to this post

    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
     
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
     
  3. Pistle
    Pistle avatar
    20 posts
    Member since:
    Sep 2020

    Posted 02 Oct Link to this post

    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.
Back to Top