How Information Displays in a Sales Dashboard Tab as You Add Sections

A sales dashboard can include anywhere from 1 to 5 sections in each of the tab pages you create. As you add sections, the display adjusts according to an underlying content style.

You can choose between 2 content styles:

  • The default above-fold content style minimizes vertical scrolling by adjusting the size of the first section as you add more.
  • The alternate hero-plus content style always displays the first section to the full width and height. All other sections appear underneath.

The Default Above-Fold Content Style

In the above-fold style, the first panel is the biggest section, but the panel shrinks horizontally and vertically as you add sections. Salespeople don't have to scroll if they have a standard-sized monitor.

Here's how the above fold layout changes depending on the number of sections you specify in the container.

  • 1 section

    The section takes up the full width and height of the content region of the tab.

    Display of one section for both hero-plus and above-fold
  • 2 sections

    The first section takes up two-thirds of the width at full height and the second section takes up the rest.

    Display of two sections in the above-fold layout
  • 3 sections

    The first section takes up two-thirds of the width at full height and the second and third sections split up the remaining third horizontally.

    Display of three sections in the above-fold layout
  • 4 sections

    The first section takes up the full width of the dashboard but only half of the height. The three other sections split the remaining space below the first section.

    Display of four sections in the above-fold layout
  • 5 sections

    The first section takes up two-thirds of the width at half the height, The second section follows with one third of the width and at half the height. The three remaining sections split the remaining space below the first section.

    Display of four sections in the above-fold layout

The Alternate Hero-plus Layout

The hero-plus layout displays the first section, the most important information, over the full width and height of the available space. As you add sections, they appear below. Salespeople may have to scroll down to see them.

  • 1 section

    The first section takes up the full width and height of the space available.

    Display of one section for both hero-plus and above-fold
  • 2 sections

    The first section takes up the width at full height. The second section displays below.

    Display of two sections in the above-fold layout
  • 3 sections

    The first section takes up the width at full height. The remaining 2 sections display below next to each other, each at half of the width.

    Display of three sections in the above-fold layout
  • 4 sections

    The first section takes up the width at full height. The next 2 sections display below, each at half of the width. The fourth section appears at full width below.

    Display of four sections in the above-fold layout
  • 5 sections

    The first section takes up the full width and height of the dashboard. The rest of the sections appear underneath at half the width.

    Display of four sections in the above-fold layout