Reordering header menu

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

nikes

Hello ,

I am trying to reorder menus in header bar, but did not find any api for the same.

Possible way I found is to,
Take reference of the menu item:
var sharedMenu =   widgetUtils.findObject(model.jsonModel, "id", "HEADER_SHARED_FILES");
.
.

Remove all header menu items using following example,
widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_SHARED_FILES");
.
.
.

then add
var testHeaderMenu = widgetUtils.findObject(model.jsonModel, "id", "HEADER_APP_MENU_BAR");
testHeaderMenu.config.widgets.push(sharedMenu);


Doing this way, it works for an admin user, but for non-admin, menu bar disappears.

Has anyone done this before and have better way to do this ?

Thanks in advance,
Nikesh

malliswar

hi nikes,


       i had the same kind of requirement to add/remove and change menu items in share header

the way i did it is

i extended the file share-header.get.js under the below directory into shared folder

alfresco-5.0.adsgsgsdg/tomcat/webapps/share/WEB-INF/classes/alfresco/site-webscripts/org/alfresco/share/header/share-header.get.js

function generateAppItems() {

//New header tabs are added and linked with respective sites
   var appItems = [
      {
         id: "HEADER_HOME",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_HOME",
            label: "header.menu.home.label",
            targetUrl: "site/home/dashboard"
         }
      },

      {
         id: "HEADER_HR_DESK",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_HR_DESK",
            label: "header.menu.hrdesk.label",
            targetUrl: "site/hr-desk/dashboard"
         }
      },
 
      {
         id: "HEADER_Mobility_Desk",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_Mobility_Desk",
            label: "header.menu.monilityedesk.label",
            targetUrl: "site/mobility-desk/dashboard"
         }
      },  

      {
         id: "HEADER_Finance_Desk",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_Finance_Desk",
            label: "header.menu.financedesk.label",
            targetUrl: "site/finance-desk/dashboard"
         }
      },

       {
         id: "HEADER_GALLERY",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_GALLERY",
            label: "header.menu.gallery.label",
            targetUrl: "site/gallery/dashboard"
         }
      },
 
       {
         id: "HEADER_LEAP",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_LEAP",
            label: "header.menu.leap.label",
            targetUrl: "site/leap/dashboard"
         }
      },

       {
         id: "HEADER_ISMS",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_ISMS",
            label: "header.menu.isms.label",
            targetUrl: "site/isms/dashboard"
         }
      },

      {
         id: "HEADER_TASKS",
         name: "alfresco/header/AlfMenuBarPopup",
         config: {
            id: "HEADER_TASKS",
            label: "header.menu.tasks.label",
            widgets: [
               {   
                  name: "alfresco/menus/AlfMenuGroup",
                  config: {
                     widgets: [
                        {
                           id: "HEADER_MY_TASKS",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_MY_TASKS",
                              label: "header.menu.mytasks.label",
                              iconClass: "alf-mytasks-icon",
                              targetUrl: "my-tasks#filter=workflows|active"
                           }
                        },
                     ]
                  }
               }
            ]
         }
      },

   ];

      appItems.push({
         id: "HEADER_SITES_MENU",
         name: "alfresco/header/AlfSitesMenu",
         config: {
            id: "HEADER_SITES_MENU",
            label: "header.menu.sites.label",
            currentSite: page.url.templateArgs.site,
            currentUser: user.name
         }
      });


   //if (user.isAdmin || showRepositoryLink == "true")
//Added if condition so that only admin has permissions over repository 
   if (user.isAdmin)
   {
      appItems.push({
         id: "HEADER_REPOSITORY",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_REPOSITORY",
            label: "header.menu.repository.label",
            targetUrl: "repository"
         }
      });
   }
   if (user.isAdmin)
   {
      appItems.push({
         id: "HEADER_ADMIN_CONSOLE",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_ADMIN_CONSOLE",
            label: "header.menu.admin.label",
            targetUrl: "console/admin-console/application"
         }
      });
   } 
   else
   {
      appItems.push({
         id: "HEADER_ADMIN_CONSOLE",
         name: "alfresco/menus/AlfMenuBarItem",
         config: {
            id: "HEADER_SITES_CONSOLE",
            label: "header.menu.admin.sites.label",
            targetUrl: "console/sites-console/manage-sites",
            renderFilter: [
               {
                  property: "user.groups.GROUP_SITE_ADMINISTRATORS",
                  values: [true]
               }
            ]
         }
      });
   }

   //help dropdown to iconnect users and managers
 
   appItems.push(   {
         id: "HEADER_HELP",
         name: "alfresco/header/AlfMenuBarPopup",
         config: {
            id: "HEADER_HELP",
            label: "Help",
            widgets: [
               {   
                  name: "alfresco/menus/AlfMenuGroup",
                  config: {
                     widgets: [
                        {
                           id: "HEADER_HELP_USER_MANUAL",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_HELP_USER_MANUAL",
                              label: "User-Manual",
                                targetUrl: "http://is-0548/iconnect/proxy/alfresco/api/node/content/workspace/SpacesStore/214378ac-4e1d-44fd-ae27-c44de73c577f/Iconnect-User-Manual.pdf",
          targetUrlType: "FULL_PATH",
                          targetUrlLocation: "NEW"   
                              
                           }
                        },
                        {
                           id: "HEADER_HELP_MANGER_MANUAL",
                           name: "alfresco/header/AlfMenuItem",
                           config:
                           {
                              id: "HEADER_HELP_MANGER_MANUAL",
                              label: "Manager-Manual",
                              targetUrl: "http://is-0548/iconnect/proxy/alfresco/api/node/content/workspace/SpacesStore/91c54ade-90ad-4cfb-b7e7-eb6a748ab009/Iconnect_Manager_Manual.pdf",
                   targetUrlType: "FULL_PATH",
                   targetUrlLocation: "NEW"   
                           
                           }
                        }
                     ]
                  }
               }
            ]
         }
      });
   return appItems;
}

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

as you can see i ahve added few menus and removed some for consumers like wise you can change the order of display of app-items

take a look the image i atached to see the changes in share-header

//mark this post useful if it solved your problem

Screenshot from 2015-05-29 11:12:38.png