Forum Discussion

noorismike's avatar
7 years ago
Solved

Add search to Page Header

I am doing a redesign of our community page and was wondering if it was possible to move the search from below the header to inside the header where the carousel would be. 

  • noorismike,

    Yes you can add search anywhere in the community by using below component.

    <@component id="common.widget.search-form" defaultToCommunity="true" showAdvancedSearchLink="false"/>   

    You can add this component any of these places in your community layout, skin wrapper or in custom components.

     

5 Replies

  • noorismike,

    Yes you can add search anywhere in the community by using below component.

    <@component id="common.widget.search-form" defaultToCommunity="true" showAdvancedSearchLink="false"/>   

    You can add this component any of these places in your community layout, skin wrapper or in custom components.

     

  • noorismike's avatar
    noorismike
    Guide
    7 years ago

    How would I go about removing the other search that is displayed below the header?

  • Parshant's avatar
    Parshant
    Boss
    7 years ago

    noorismike, Are you using default OOB skin and defualt quilt to redesign the community?

    There are Nested pages in a quilt display with a hyperlink to open the quilt in Studio.  In XML View, nested page names are prepended with "quilt," such as quilt:Header.  Check this component <component id="common.widget.search-form" /> if this exists in your nested page quilt:Header or in your main quilt page like community or category page XML in Studio > Page in XML View. You can add or remove this component from custom nested pages in drag-and-drop view or XMLView.by removing that code from the view and save the quilt.

    You can also remove the component by adding below code in the pages you don't want the seach bar:

    <remove from="main-content" for="header">
      <component id="common.widget.search-form" />
    </remove>