cancel
Showing results for 
Search instead for 
Did you mean: 

How to bring the search box to the site menu bar?

anandhan
Star Contributor
Star Contributor

How do I bring the search box from "SHARE_HEADER" to right side of the "HEADER_TITLE_BAR". Please refer the below image.

2 REPLIES 2

afaust
Legendary Innovator
Legendary Innovator

kalpesh_c2
Star Collaborator
Star Collaborator

Hi,

I would suggest you to create a share-extension module.

Follow these steps. 

1. Create custom-header-extension.xml file at web-extension->site-data->extensions folder with the following content

       

<extension>
<modules>
<module>
<id>Custom Share Header Menu</id>
<version>1.0</version>
<customizations>
<customization>
<targetPackageRoot>org.alfresco.share.header</targetPackageRoot>
<sourcePackageRoot>admin-header</sourcePackageRoot>
</customization>
</customizations>
</module>
</modules>
</extension>

2. Create the admin-header folder inside site-webscripts

3. Create share-header.get.js inside admin-header with the following code

      - This will remove search option from main menu

   widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_SEARCH");

   

     - and the following code will add it to title-bar.

var headerMenu = widgetUtils.findObject(model.jsonModel, "id", "HEADER_TITLE_BAR");
if (headerMenu != null) {
headerMenu.config.widgets.push({
id: "HEADER_SEARCH",
name: "alfresco/header/SearchBox",
align: "right",
config: {
id: "HEADER_SEARCH_BOX",
site: page.url.templateArgs.site,
siteName: "mySite",
enableContextLiveSearch: true,
linkToFacetedSearch: true,
sitePage: ""
}
});
}

Feel free to ask in case of any query.

Thanks

Kalpesh

ContCentric