Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Marc-André 44 posts 226 karma points
    Jun 07, 2019 @ 18:56
    Marc-André
    0

    How to customize RTE editor style in backoffice

    Hello!

    I've created a custom RTE object to use in a grid content. I was wondering if there's anyway to add a background color to this object in the backoffice.

    enter image description here

        <div ng-controller="Umbraco.PropertyEditors.Grid.RichTextEditorController as vm">
    
            <grid-rte
                configuration="model.config.rte"
                value="control.value"
                unique-id="control.$uniqueId"
                style="background: red"
            >
            </grid-rte>
    
        </div>
    
  • Lewis Logan 21 posts 132 karma points
    Jun 11, 2019 @ 15:54
    Lewis Logan
    100

    Hi Marc-André,

    I wouldn't be able to give you an Umbraco 8 specific answer but on Umbraco 7 I made a plugin to change the style of the back office.

    I added a folder into the /App_Plugins folder named BackOfficeStyles then added JS and CSS files there with a package.manifest file that looked like this:

    {
        "css" : [ "~/App_Plugins/BackOfficeStyles/backoffice.css" ]
        ,
        javascript: [ 
            "~/App_Plugins/BackOfficeStyles/backoffice.js",
             "~/app_plugins/Services/userinfo.resource.js"
            ]
    }
    

    With this setup you could add a class name to your rte div and change the styles in CSS.

    Hope this helps!

    Kind Regards, Lewis

  • Marc-André 44 posts 226 karma points
    Jun 17, 2019 @ 14:12
    Marc-André
    1

    Thanks! I added a css file and a class to my "ng-controller" div and it did the trick

Please Sign in or register to post replies

Write your reply to:

Draft