> ## Documentation Index
> Fetch the complete documentation index at: https://help.broadstripes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Scrolling and paging through search results

## Overview

Running a search is a great way to narrow down the contact records you're working with – instead of wading through every record in the project, with search results you'll see just the contacts you're interested in.
However, even after running a search, you may still have a large number of contacts included in the results. This article will help you learn to navigate those records.

## The search results page

We'll begin by getting to know the search page. There's a lot of information displayed here. There are also helpful tools for navigating – you just need to know where to look. Below we look at four areas of the search results page.

### 1. Contacts

<Frame caption="This section of the search results shows each of the contacts that match the search criteria.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/8cfd42f-ScrollSearchRes1.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=e5760753798b9b2635ffbcf1ac742dac" alt="Search results contacts" width="1245" height="600" data-path="images/viewing-search-results-and-edit/8cfd42f-ScrollSearchRes1.png" />
</Frame>

### 2. Result count and page range

The search results header shows two pieces of information side by side:

* **Total count** - a large, prominent number with an entity label that reflects what is in your results. If all matched records are people it shows "people" (for example, "121 people"); if all are organizations it shows "orgs" (for example, "37 orgs"); for any mix of record types it shows "contacts".
* **Page range** - a smaller "Showing X-Y" indicator that updates as you page or scroll through results.

<img src="https://mintcdn.com/broadstripes/hTQoPbusxE2k4exH/images/viewing-search-results-and-edit/c2db554-ScrollSearchRes2.png?fit=max&auto=format&n=hTQoPbusxE2k4exH&q=85&s=634ade2ec31797a91a5af29fd2ff8159" alt="Contact count and page range display" width="261" height="49" data-path="images/viewing-search-results-and-edit/c2db554-ScrollSearchRes2.png" />

### 3. Contact records shown per page

<Frame caption="The per-page dropdown shows the current page size as 'N / page' (for example, '20 / page'). Click it to choose from 20, 40, 60, 80, 100, or 150 records per page.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/d544273-ScrollSearchResult3.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=3a4d1c3b6ebceaa7f6ad3a1ede477cc7" alt="Records per page dropdown" width="520" height="230" data-path="images/viewing-search-results-and-edit/d544273-ScrollSearchResult3.png" />
</Frame>

### 4. Page navigation

<Frame caption="The page navigation controls include a page input and Go button for jumping to a specific page, plus chevron arrows for stepping forward or backward one page at a time or jumping to the first or last page.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/f4f01ab-ScrollSearchRes4.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=762475601a07dcaf9178852d8a12389a" alt="Page navigation" width="510" height="75" data-path="images/viewing-search-results-and-edit/f4f01ab-ScrollSearchRes4.png" />
</Frame>

### 5. Infinite scroll toggle

The **Infinite scroll** (<Icon icon="toggle-on" iconType="light" color="#545454" />) toggle switch is in the search controls bar at the top right of the results. When on (the default), Broadstripes automatically loads more records as you reach the bottom of the visible results. Toggle it off to keep results on individual pages and navigate with the page controls instead. Your preference is saved automatically and applies to all future searches.

<img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/search-controls-infinite-scroll-toggle.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=f4df1b1ab202a7dc062ac68df6e35bc0" alt="Infinite scroll toggle in the search controls bar" width="510" height="55" data-path="images/viewing-search-results-and-edit/search-controls-infinite-scroll-toggle.png" />

## Scrolling through results

You can **scroll down** through your search results in a few ways:

> * use your keyboard's **down arrow** or **page down key**.
> * use your **mouse** to scroll down, just as you would with any other web page.
>   As you scroll down, Broadstripes **dynamically loads additional records** as you reach the end of your search results. The page range beside the result count updates as more records load (for instance "**Showing 1-20**" will change to "**Showing 1-40**") so you can always see which records are currently displayed. To turn off infinite scrolling and navigate page by page instead, use the **Infinite scroll** toggle in the search controls bar.
>   You can keep the header information visible even as you scroll down the search results by clicking the "**magic header"** button. This will "lock" the labels in place at the top of the page.

<Frame caption="Click 'magic header'.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/e6e3ede-ScrollSearchMagicHead.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=b049b0d3875e1f675bd1efdb06ddc7ea" alt="Magic header button" width="700" height="200" data-path="images/viewing-search-results-and-edit/e6e3ede-ScrollSearchMagicHead.png" />
</Frame>

<Frame caption="With magic header on, the header section of the search results stays at the top of the page no matter where you scroll in the results.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/19d6bab-ScrollSearchMagicScroll.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=17acb94c845927626d8e746e7537b6d0" alt="With magic header on" width="1000" height="400" data-path="images/viewing-search-results-and-edit/19d6bab-ScrollSearchMagicScroll.png" />
</Frame>

<Frame caption="With magic header off, the header section of the search results vanishes as you scroll down through search results.">
  <img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/e946cab-ScrollSearchNoMagicScroll.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=4d6e882c19606a42b41f2e8fded78135" alt="With magic header off" width="1000" height="350" data-path="images/viewing-search-results-and-edit/e946cab-ScrollSearchNoMagicScroll.png" />
</Frame>

## Paging through results

If you want to move more quickly through your search results, you can view them a page at a time. First, set the number of results you want to see per page using the **20 / page** drop-down menu in the search controls bar at the top of the page.
Next, use the **page navigation tool** in the search controls bar to move from page to page.

<img src="https://mintcdn.com/broadstripes/NozsQr4hmwS_3Ya2/images/viewing-search-results-and-edit/c9d7d84-ScrollSearchResultsPageNavTool.png?fit=max&auto=format&n=NozsQr4hmwS_3Ya2&q=85&s=152d4b694dd93733e6792fdcef44d649" alt="scrollbar" width="278" height="45" data-path="images/viewing-search-results-and-edit/c9d7d84-ScrollSearchResultsPageNavTool.png" />

You can either **type the page number** you want to view and click **Go** to jump there, or use the navigation arrows. Click the <Icon icon="chevron-right" iconType="light" color="#6cb2eb" /> **right-facing arrow** to step forward one page at a time, or click the <Icon icon="chevrons-right" iconType="light" color="#6cb2eb" /> **double right-facing arrow** to go to the very last page of your search results. (Move backward through your results using the <Icon icon="chevron-left" iconType="light" color="#6cb2eb" /> and <Icon icon="chevrons-left" iconType="light" color="#6cb2eb" /> **paging arrows**.)
