Help on putting an opened search box instead of a clickable icon?

Product Support

AI-generated summary

Pad_Pors wants to display an opened search box in the Discourse header by default instead of a clickable icon. They pasted HTML code into the header, which visually shows the search panel but lacks functionality. Pad_Pors asks for help integrating the correct JavaScript to make the search work. cpradio suggests using the “Header Search” plugin, which fulfills the requirement. Pad_Pors confirms this is exactly what they needed and thanks cpradio, noting they hadn’t found it earlier because they searched using terms like “open search panel” instead of “header search”.

1

trying to put the search box in the header by default, i.e. this opened up search box:

can anyone help me?

2

so far i paste the search-bar code in the header:

<div class="panel-body">
    <div class="panel-body-contents clearfix">
    <input placeholder="جستجوی موضوعات، نوشته ها، کاربران یا دسته‌ بندی ها" value="" id="search-term" type="text">
        
        <div class="search-context">      
        <a title="گزینه ها" class="widget-link show-help">گزینه ها </a>
            <div class="clearfix">
            </div>
        </div>
    </div>
</div>

and now there exist a search panel in the header of the site, which needs some css of course.

but more importantly it’'s non-functional.

does anyone have any idea how to make it functional? what javascript code should i put there to call the search function of discourse?

3

Isn’t this what you want?

4

Thanks Cpardio, that was exactly what I was looking. :smiley:

“header search” seems to be a straight search keyword here, i don’t know why i just tried “open search panel” and things like this!