Sidebar Location

The Sidebar Location provides powerful functionalities that you can integrate into your stack to analyze your entry content and recommend ideas.
These Sidebar locations allow users to provide additional capabilities over content, thus optimizing the content to suit their requirements.

Examples of such sidebar locations are SEO tag recommendations, sentiment analysis, language translation, and so on.

The following are the two ways to add sidebar location to your app:

  • Via the Developer Hub Console:
    To add the sidebar location to your app via the Developer Hub console, login to your Contentstack account and follow the steps given below:

    1. Click the Developer Hub icon on the left navigation panel.
      Developer_Hub_Icon.png
    2. Select an application for which you want to add the sidebar location.
    3. Click the UI Locations tab.
      UI_Locations.png
    4. In the App URL field, enter the hosted URL of your application.
      App_URL.png
    5. Hover over the Sidebar location, and click the + Add button.
      Add_Sidebar.png
    6. On the Configuration page, set configurations for sidebar location by providing details such as name, path, scope, and description.
      You can also enable the configuration using the Enable toggle button.
      Enable_Toggle.png
    7. Finally, click the Save button to save the sidebar location’s configuration details.

  • Via Manifest API:
    The App Manifest file describes essential information about your app, and is stored in the root directory of its project hierarchy.
    Add the sidebar location to this file as shown below:

    {
      "type":"cs.cm.stack.dashboard",
      "meta":[
        {
          "signed":true,
          "path":"/config"
        }
      ]
    }

Note: A single app supports up to three sidebar locations.

You can create new sidebar locations by writing your custom code, or you can use the prebuilt boilerplate and modify the given code to suit your requirements.

Was this article helpful?

Thanks for your feedbackSmile-icon

On This Page

^