# 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.

![](/files/-LgUQS3nwyQglNXnEDSm)

## 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,&#x20;
  * `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.

![](/files/-LgUU4BeIOJf-ZBOl-uZ)

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

## 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).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.airdev.co/canvas-pages-and-modules/master-1/pages/search-bar-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
