Copied to clipboard

Flag this post as spam?

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


  • blackhawk 313 posts 1368 karma points
    Sep 21, 2017 @ 21:21
    blackhawk
    0

    How to associate style-sheets when creating our own editors

    After walking this tutorial on Building our own editors, how do we associate custom style-sheets to brand the HTML elements for Backoffice viewing and front-end viewing?

    Also, once style-sheets are associated to the package, can I edit them from within BackOffice?

    Many thanks in advance!

  • Kevin Jump 2342 posts 14889 karma points MVP 8x c-trib
    Sep 22, 2017 @ 09:12
    Kevin Jump
    101

    Hi

    within the package manifest file you can add an additional "css" section

    so the last example from the build your own editor page might become.

    {
        "gridEditors": [
            {
                "name": "Code",
                "alias": "code",
                "view": "/app_plugins/yourpackage/editor.html",
                "icon": "icon-code",
                "config": {
                    "color": "red",
                    "text-align": "right"
                }
            }
        ],
        javascript:[
            "/app_plugins/yourpackage/editor.controller.js"
        ],
        css: [
            "/app_plugins/yourpackage/editorstyles.css"
        ]
    }
    
Please Sign in or register to post replies

Write your reply to:

Draft