Tutorial - How to move the Stream to a side panel without js coding

[telecastg]

Use Case:
Move the Stream panel from the bottom of the detail view to a side panel for a given entity as shown below without having to write any javascript:



Step 1:
Prevent the Stream from displaying at the bottom section (default behavior) :
Go to Administration > Entity Manager > Work Order (or your entity) > Edit and un-check the box "Stream"

Step 2:
Create a custom clientDefs metadata file for your entity. In this case: custom/Espo/Custom/Resources/metadata/clientDefs/WorkOrder.json and enter the following code

{
    "sidePanels": {
        "detail": [
            "__APPEND__",
            {
                "name": "stream",
                "label": "Stream",
                "view": "views/stream/panel",
                "aclScope": "Stream"
            }
        ]
    }
}

Step 3:
Clear cache and rebuild.
The Stream will display on a side panel, below other side panels, but now Stream will be available in the Layout Manager to move as you wish.


In this example, I moved the panel to the top going to Administration > Layout Manager > Work Orders > Side Panel (Detail) and moved Stream above the default side panel.
If you do this also, then you will need to clear cache and rebuild again.