Forum Discussion

noorismike's avatar
noorismike
Guide
8 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. 
Views
Sign in to react to this post
  • Parshant's avatar
    Parshant
    8 years ago

    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
8 years ago

You're the man! Thank you!

Sign in to react to this post
Parshant's avatar
Parshant
Boss
8 years ago

Thanks noorismike, You can follow the instruction from this documentation for how to add and arrange components in studio.

Sign in to react to this post
  • noorismike's avatar
    noorismike
    Guide
    8 years ago

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

    Sign in to react to this post
    • Parshant's avatar
      Parshant
      Boss
      8 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>

       

       

       

      Sign in to react to this post