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.
2 sections
The first section takes up two-thirds of the width at full height and the second section takes up the rest.
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.
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.
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.
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.
2 sections
The first section takes up the width at full height. The second section displays below.
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.
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.
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.