# Control Bar

## Control Bars

All views except for home page have the two control bar: view control bar and data control bar. View control bar locates at the top of each view allowing users change view easily, whereas the data control bar locates at the bottom of each view allowing users to change data using filter, stratification and indicator list.&#x20;

### How to use navigation bars

The image below shows the annotations of control bars. Annotations are directed by blue arrows.

![](/files/-Lmu_7b7z7HPihhfzKkJ)

### How to use search panel

#### Search panel layout

The search panel will appear in the center of the screen after clicking on the magnifying glass. Here are the icon for the magnifying glass and the screenshot of search panel.

&#x20;

![Magnifying Glass ](/files/-LnJoTr7gFOW1eN2Zrqz)

<div align="center"><img src="/files/-LnJod_CiCYfHdJGdj9m" alt="Screenshot of Search Panel"></div>

#### Search panel features&#x20;

The graph below shows the annotations of the features in search panel and annotations are directed by the blue arrows.

User can use the search panel for either region selection or concept selection and user can use the toggle to switch between them. Under concept selection (as showed in the graph below), the list of concepts is organized alphabetically (A-Z) or hierarchically and user can use the tab to switch between the two organizing methods.&#x20;

Next to each concept, there is an plus/minus icon which user can click to expand/collapse the indicator list for that concept. The selected indicator, organizing method, and the focus of selection are highlighted in teal. Search bar at top can be use to narrow down the list of concept and indicator by limiting to the concepts and indicators contain the input characters. Although region selection is explained here, similar features can be found for region selection.

![Annotations for Search Panel Features ](/files/-Lp55V9YQmeXGFIz_nvE)

### How to use data filter&#x20;

#### Filter panel layout

Data filter is useful when trying to narrow the data to certain regions, age groups, or sex groups. This function can be accessed by clicking on the data filter icon, and data can be filtered using the filter panel.

![Data Filter Icon](/files/-Lp56Z1enD-9Gv1bGV3h)

The filter panel contains three sub-panels: geo panel (left), age panel(top right), and sex panel (bottom right).&#x20;

![Screenshot of Filter Panel](/files/-Lp57G10jY0OdAhA-URT)

#### Filter panel features&#x20;

The graph below shows the annotations of the features in the filter panel and annotations are directed by the blue arrows.

In geo sub-panel, user can select multiple regions by directly clicking on the map, or use the drop-down list to search a region by name. In age sub-panel, user can choose from different the age partition options, and select multiple age groups from it. In sex sub-panel, user can filter the data to the sex group of interest by clicking on the corresponding button. The name of selected groups are showed at the top of each sub-panel.&#x20;

Users can save/cancel all selections by clicking on "Save in session"/ "Clear All"  button at bottom, or users can cancel the selection separately by click on the cancel icon at the right side of each sub-panel. Save the current selection to preference is also available.&#x20;

![Annotations for Filter Penal Features](/files/-LpUsCFKTZZYJ-l0x0Kr)


---

# 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://mchi.gitbook.io/pophr/web-client/components/control-bar.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.
