I need move the search to the top beside the tours

[mania]

Hi,

I need move the Home page search to the top beside the tours.

Can ypu please help on this, it will be helpfull.

Thanks!

[Sohail Khilji]

Hi @mania ,

Approach 1 : OOB one widget is available name as TYPEAHEAD search.clone it.use it. 

Otherwise,

adding the following lines to the HTML part:

<li class="search-widget header-menu-item">
   <widget id="typeahead-search"></widget>
</li>

add this at the top (so it's the first line), so the search will be on the left side of the top banner

and also add this to the server side:

data.typeAheadSearch = $sp.getWidget('typeahead-search', options.typeahead_search);

Approach 2 :Clone the Menu Header widget + moving the Angular ng-templates  to the new one

adding the following lines to the HTML part:

  <li class="search-widget">
    <sp-widget widget="data.typeAheadSearch" />
  </li>

I add this at the top (so it's the first line), so the search will be on the left side of the top banner

and also add this to the server side:

data.typeAheadSearch = $sp.getWidget('typeahead-search', options.typeahead_search);

This gave me the following look:

[manisa]

@Sohail Khilji 

Thanks for the reply!

Provided your solution can i apply for any of the portal or any particular portal?

Thanks!

[Sohail Khilji]

You can apply to any portal