how to add search bar in header - service portal

[Community Alums]

Hi guys,

could you help me with editing the service portal?

I would like to configure the header of the portal and set a search bar. I cannot figure it out.

I go to service portal > menus > header menu (SP Header Menu) but it seems I cannot add the search bar.

[Community Alums]

the screenshot was captured on a webpage. I would like to apply the same style on SP

[Shay Faingold]

Hi Kenai,

What I did was the following:

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 li), 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:

Hope it helps,

Shay

[SN Emy]

Can you please help with this.

I tried the same thing, but its not working.