To insert a div between the o_control_panel and o_content divs, inheriting the ControlPanel might not be sufficient because it mainly controls the control panel itself and not its surrounding structure. Instead, you should target the parent template where both o_control_panel and o_content are rendered. This is typically done in the web.View or web.AbstractView template, depending on the view type.

Solution:

You can try inheriting the web.View template where the o_control_panel and o_content divs are both present. Here's how you can achieve it:

xmlCopy code
    
        

            The Div Content
        
    

Explanation:

• Template to Inherit (web.View): This template is responsible for rendering the control panel and content area in most views.
• XPath Expression: The XPath targets the div with the o_control_panel class. The new div is inserted immediately after this control panel div and before the content div.

Key Points:

• Inheritance Scope: By inheriting web.View, your new div will be placed consistently across different view types like Kanban and Tree.
• Positioning: Placing the div after the control panel ensures it's correctly positioned between the control panel and the content.

CSS Adjustments:

If you face any scrolling issues or UI misalignment after inserting the div, you may need to adjust the CSS for the o_content or your new div to ensure proper layout and scrolling behavior. For example, setting height: calc(100% - your-div-height) for the o_content div might help.