How to add a custom pane?

The Custom Pane extensibility allows you to add panes across the authoring canvas.

To add Custom Pane extensibility to Quark Author:

1. Create a folder feature in the directory qaservice/ext in the s3 bucket.
2. Create a folder custom-links-pane in the folder feature.
3. Add the Custom Pane plugin to the folder custom-links-pane.

The name of the folder custom-links-pane must be the same as you have specified in the file qa-config.json under the property “extensions.”

Sample qa-config.json (available for every content type)

"extensions": [
    "custom-links-pane"
]
"panes": [
    "custom-links-pane"
]

The folder custom-links-pane also must contain the file “manifest.json” with the key “modules” with “type” defined as “qa-extensible-pane” along with the related data.

Sample manifest.json

{
    "version": "0.0.1",
    "modules": [
        {
            "type": "qa-extensible-pane",
            "displayName": "Custom Links Pane",
            "name": "custom-links-pane",
            "iconUrl": "orange.png",
            "frameUrl": "frame_data/index.html",
            "position": "right"
        }
    ]
}

Download Sample