> ## 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/5MvziBILcR28xR8a/images/viewing-search-results-and-edit/8cfd42f-ScrollSearchRes1.png?fit=max&auto=format&n=5MvziBILcR28xR8a&q=85&s=955442e7785a16130e8706c91dccabb4" alt="Search results table showing column headers and the first several matching contacts" width="1511" height="560" data-path="images/viewing-search-results-and-edit/8cfd42f-ScrollSearchRes1.png" />
</Frame>

### 2. Result count, page range, and scope

The search results header shows three 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 "Records X-Y" indicator that updates as you page or scroll through results.
* **Scope chips** - pills that name the active type filter (for example, "People" or "Orgs") and any employer filter. The everyday **People** scope sits quietly in grey; a less common scope - **Orgs**, a custom record type, or any employer filter - takes on a faint amber tint so it stands out. Each chip has an <Icon icon="xmark" iconType="regular" color="#545454" /> button to clear that filter immediately. When no filter is active, an outlined "Everything" chip confirms what you are searching.

<img src="https://mintcdn.com/broadstripes/5MvziBILcR28xR8a/images/viewing-search-results-and-edit/c2db554-ScrollSearchRes2.png?fit=max&auto=format&n=5MvziBILcR28xR8a&q=85&s=cbeb59660af34ad64e90c1c084c8458e" alt="Search results header showing the total count, the Records 1-20 page range, and a People scope chip" width="496" height="79" 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/5MvziBILcR28xR8a/images/viewing-search-results-and-edit/d544273-ScrollSearchResult3.png?fit=max&auto=format&n=5MvziBILcR28xR8a&q=85&s=783676f33c50ec7d7f908667405a37b4" alt="Per-page dropdown open showing options from 20 to 150 records per page" width="533" height="208" 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 "**Records 1-20**" will change to "**Records 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 **lock header** button (<Icon icon="lock-open" iconType="regular" color="#545454" />) in the checkbox column at the top left of the results table. This will "lock" the column headers and toolbar in place at the top of the page.

<Frame caption="Click the lock header button.">
  <img src="https://mintcdn.com/broadstripes/SBlDN75-luDCfyzm/images/viewing-search-results-and-edit/e6e3ede-ScrollSearchMagicHead.png?fit=max&auto=format&n=SBlDN75-luDCfyzm&q=85&s=f4b5579bf666e487d303c1f51e7b82ad" alt="Lock header button in the checkbox column of the search results table header" width="520" height="147" data-path="images/viewing-search-results-and-edit/e6e3ede-ScrollSearchMagicHead.png" />
</Frame>

<Frame caption="With the header locked, the toolbar and column headers stay at the top of the page no matter where you scroll in the results.">
  <img src="https://mintcdn.com/broadstripes/5MvziBILcR28xR8a/images/viewing-search-results-and-edit/19d6bab-ScrollSearchMagicScroll.png?fit=max&auto=format&n=5MvziBILcR28xR8a&q=85&s=11e1d1979e92d1704d10d335f28a9b41" alt="Search results scrolled down with the header locked, keeping the toolbar and column headers pinned at the top" width="1511" height="430" data-path="images/viewing-search-results-and-edit/19d6bab-ScrollSearchMagicScroll.png" />
</Frame>

<Frame caption="With the header unlocked, the toolbar vanishes as you scroll down through search results.">
  <img src="https://mintcdn.com/broadstripes/SBlDN75-luDCfyzm/images/viewing-search-results-and-edit/e946cab-ScrollSearchNoMagicScroll.png?fit=max&auto=format&n=SBlDN75-luDCfyzm&q=85&s=e25284caf05ea74a34ccd5136d8b5997" alt="Search results scrolled down with the header unlocked, showing contact rows with no toolbar or column headers" width="1511" height="430" data-path="images/viewing-search-results-and-edit/e946cab-ScrollSearchNoMagicScroll.png" />
</Frame>

## Choose table row colors

The **Color** (<Icon icon="rows" iconType="light" color="#545454" />) toggle in the search results toolbar lets you switch between two stripe palettes for the results table:

* **Classic stripes** - the traditional green alternating row color.
* **Neutral stripes** - a subtle grey alternating row color (the default for new users).

<Frame caption="The Color toggle switches the results table between Classic (green) and Neutral (grey) stripes.">
  <img src="https://mintcdn.com/broadstripes/SBlDN75-luDCfyzm/images/viewing-search-results-and-edit/stripe-palette-toggle.png?fit=max&auto=format&n=SBlDN75-luDCfyzm&q=85&s=0c9892debd9587dd34bfd5e508a7f57a" alt="Search results shown with Classic green stripes and with Neutral grey stripes" width="1531" height="764" data-path="images/viewing-search-results-and-edit/stripe-palette-toggle.png" />
</Frame>

Your choice is saved to your account and applies to every striped table in Broadstripes. A brief coachmark tip will appear the first time you visit search results to introduce the toggle.

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