How to achieve this Sidebar?

[M.Toseef]

This may help you!

Feature: Role - Wise Custom Sidebar Creation with Custom or Dynamic Links in Sidebar Items

[Capture] For this requirement, I implemented the following procedure in my custom application: 1. Add in hooks.py app_include_js = [ "/assets/custom_app/js/desk/sidebar.js", ] 2. Create sidebar.js with the below script: frappe.provide('frappe.desk'); $(document).ready(function () { const createSidebarItem = (item) => ` <div class="sidebar-item-container is-draggable" item-parent="${item.categoryName}" item-name="${item.label}" item-public="1" item-is-hidden="0"> …