Module Menu (module-menu)

Rafael Fernandes — Wed, 28 Sep 2022 18:04:44 GMT

Current Revision posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 6:04:44 PM

module-menu view folder (/clients/base/views/module-menu) is no longer supported and will not be loaded in 12.3+ (including its customized/overridden versions from /custom/clients/base/views/module-menu) , instead, Sugar is loading the following views:


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

You must, manually, move your customizations from module-menu to sidebar-nav-item-module and sidebar-nav-flyout-module-menu by adapting your code to the new handlebar template, JavaScript and PHP code.

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Wed, 28 Sep 2022 18:04:44 GMT

Revision 7 posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 6:04:44 PM


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Wed, 28 Sep 2022 13:45:51 GMT

Revision 6 posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 1:45:51 PM


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Wed, 28 Sep 2022 13:02:46 GMT

Revision 5 posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 1:02:46 PM

module-menu view folder (/clients/base/views/module-menu) is no longer supported and will not be loaded in 12.3+, instead, Sugar is loading the following views:


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Tue, 27 Sep 2022 20:15:24 GMT

Revision 4 posted to Dev Tutorials by Rafael Fernandes on 9/27/2022 8:15:24 PM

module-menu view folder is no longer supported and will not be loaded in 12.3+, instead, Sugar is loading the following views:


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Tue, 27 Sep 2022 20:13:46 GMT

Revision 3 posted to Dev Tutorials by Rafael Fernandes on 9/27/2022 8:13:46 PM

module-menu view folder is no longer supported and will not be loaded in 12.3+, instead, Sugar is loading the following views:


`sidebar-nav-item-module`	View with code to display the Home menu and it's icon
`sidebar-nav-flyout-module-menu`	View with Secondary Action menu (submenu) with dashboards and recent items

Files Prior to 12.3	Files 12.3+
/clients/base/views/module-menu/module-menu.hbs	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.hbs
/clients/base/views/module-menu/module-menu.js	/clients/base/views/sidebar-nav-item-module/sidebar-nav-item-module.js
-	/clients/base/layouts/sidebar-nav-flyout-module-menu/sidebar-nav-flyout-module-menu.js

Extending Redesigned Views

If your customization requires extending the redesigned view component, make sure to extend the proper class going forward:

Files Prior to 12.3	Files 12.3+
`extendsFrom: 'ModuleMenuView'`	`extendsFrom: 'SidebarNavFlyoutModuleMenuLayout'`
`-`	`extendsFrom: 'SidebarNavItemModuleView'`

Module Menu (module-menu)

Rafael Fernandes — Tue, 27 Sep 2022 20:00:06 GMT

Revision 2 posted to Dev Tutorials by Rafael Fernandes on 9/27/2022 8:00:06 PM

module-menu has been completely removed on version 12.3+ and will no longer render any contents from this layout and its component views.

It's redesigned replacement is in sidenav-bar, the last sidebar-nav-item-group metadata layout named sidebar-nav-item-group-bottom.

Note: sidebar-nav has different states that must be handled when refactoring your footer buttons as well as secondary actions (submenu). Use this opportunity to improve your user’s experience by avoid opening unnecessary popups or BWC Window to detect next steps, use your button’s submenu to provide a better experience and navigate to a different page from there.

Follow this throughout example to Move your Footer Content to Sidebar-Nav.

Module Menu (module-menu)

Rafael Fernandes — Tue, 20 Sep 2022 18:55:26 GMT

Revision 1 posted to Dev Tutorials by Rafael Fernandes on 9/20/2022 6:55:26 PM

Module Menu (module-menu)