# Search Bar Page

## Overview

Responsive layout for a generic search page with a search bar at the top. Includes common filter options in a focus group. No workflows are associated with this module.

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LgUPZdDC1j6DfvYMbOS%2F-LgUQS3nwyQglNXnEDSm%2FScreen%20Shot%202019-06-03%20at%203.20.03%20PM.png?alt=media\&token=8e68ee67-cc30-462d-a0d6-7ea5f083131e)

## Structure

* When this page is added to your app, it will come with two main groups:
  * `Group page860Group` - This group contains the responsive settings for all modules. All modules should be placed into this group.
    * This group contains a group called Group singleSearchFilter. For more information on how to customize the search bar, please [click here](https://docs.airdev.co/canvas-pages-and-modules/modules/single-input-search-bar-and-filter-group).
* This page will come with a `Popup Hidden Variables`. For more information on how to use the `Popup Hidden Variables`, [click here](https://docs.airdev.co/canvas/general-information/functionality/hidden-variables-popup).
  * `var - Website object` - This group stores the website object (e.g., app name, 
  * `var - dummy` - This is a placeholder group. You can store any data here by updating the type of content and data source of the group.

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LgUTKx6NXGjJGaazIni%2F-LgUU4BeIOJf-ZBOl-uZ%2FScreen%20Shot%202019-06-03%20at%203.35.50%20PM.png?alt=media\&token=b5be2eaa-6be2-4542-aed6-48af6a04b452)

* This page will come with one reusable element: [`header A`](https://docs.airdev.co/canvas/assets/reuseables/header) 

## How to set up

* For more information on how to customize the search bar, please [click here](https://docs.airdev.co/canvas-pages-and-modules/modules/single-input-search-bar-and-filter-group).