Asset Sidebar Location

The Asset Sidebar Location lets you create customized sidebar widgets that extend the functionality of your assets and enhance their editorial experience to suit your needs.
You can efficiently manage, transform, and optimize the assets in your stack.

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

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

    1. Click on the Developer Hub icon on the left navigation panel. 
      Developer_Hub_Icon.png
    2. Select an application for which you want to add the asset sidebar location.
    3. Click on 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 Asset Sidebar location, and click on the + Add button. 
      Add_Asset_Sidebar.png
    6. On the Configuration page, set the configurations for asset sidebar location by providing details such as name, path, width, blur effect, and description.
      You can also enable the configuration using the Enable toggle button. 
      Enable_Toggle.png
    7. Finally, click on the Save button to save the asset 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 asset sidebar location to this file as shown below:

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

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

You can create new asset 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

^