External CSS for RadEditor in Sharepoint 2013

2 posts, 0 answers
  1. Arnelio
    Arnelio avatar
    6 posts
    Member since:
    Apr 2015

    Posted 08 Apr 2015 Link to this post

    Hi,

    I am trying to apply my own custom CSS on one of our SharePoint page but I can't seem to make it work. It's for the ContentArea editor when editing a text area. Based on my research, I've read that I have to declare the CSS in the ConfigFile.xml. Also, I've put the actual CSS file under this path:

    C:\Program Files\Common Files\microsoft shared\Web Server Extensions\wpresources\RadEditorSharePoint\7.2.1.0__1f131a624888eeed\Resources

     

    The ConfigFile.xml looks something like this:

    <configuration>
    <!--<property name="ContentAreaMode">Div</property>-->
    <property name="ContentAreaCssFile">
    <item>CssEditorCustom.css</item>
    </property>
    <property name="ToolbarMode">ShowOnFocus</property>
    <property name="ToolsWidth">640px</property>  
    <property name="ImagesPaths">
    <item>/SiteCollectionDocuments</item>
    <item>/SiteCollectionImages</item>
    </property>
    <property name="MaxImageSize">10485760</property>
    </configuration>

     

    After doing the above, the CSS seems to be not working (i.e. font size, margin, padding, etc.) I haven't noticed any difference.

    Am I missing something? Can you please point me to the right direction?

     

    Hoping to hear from you soon.

    Cheers,
    Arnelio

     

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 10 Apr 2015 Link to this post

    Hi Arnelio,

    The following article explains how you can modify the CSS files used by RadEditor in SharePoint: http://www.telerik.com/help/aspnet-ajax/moss-sp2010-defining-custom-css-styles.html.

    Regards,

    Marin Bratanov
    Telerik
     
    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.
     

Back to Top