Add the search bar to the header Menu in Service Portal

SN Emy · ‎09-23-2019

Hi All,

I need to add the search bar to the top of the page (See picture) on the Service Portal.

Can you help please?

martinrouxfx · ‎01-21-2020

Thank for the information !

But when I paste this,

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

and this

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

I lost my Knowledge, Catalog requesuests... links

Sam S1 · ‎06-18-2020

I've solved this issue with adding this to HTML part:

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

and adding nothing to server script

Nathalia · ‎07-01-2022

Hey!!

Did you figure it out how to keep both the search bar and the menu items?

Thanks in advance!!

Best regards,

Nathalia

sris · ‎10-12-2020

How to call widget in header menu. I have cloned the typehead widget but it's not populating the searchbar at header menu

Lorna · ‎12-13-2022

Hi Sris were you able to find a solution to this?

Rahul Raja Sami · ‎09-06-2023

Hi Lorna, did you find a solution to this?