UX Synchronized Scrolling

What is Synchronized Scrolling?

Synchronized scrolling enables different grids to scroll at the same time, horizontally and/or vertically.

When to use Synchronized Scrolling?

Synchronized scrolling makes sense when the two grids have the same dimension and/or line items.

Example:

The two grids display different data but have the same dimension ’employee’. In this case, applying synchronized scrolling improves the experience in Anaplan. This assures the same list items, employees in this example, are displayed in both grids. This allows access to the information from both of these grids for the list members shown with just one scroll. It keeps the UX page organized and clean and makes reviewing data for end users easier.

How to enable Synchronized Scrolling?

Enter designer mode
On any grid card, select the card menu and click on ‘Synchronize scroll’

3. Select ‘pen’ edit icon to edit the new grid group on the right

4. Select the grids to be synchronized by checking the box on each grid

5. Optionally, change the name and the scroll direction

Scroll direction:

- Vertical
- Horizontal
- Vertical and Horizontal

6. Apply the changes made and publish the page

What to know

Each grid can only be added to one group for synchronizing
There is no synchronized sorting yet. Hence, by re-sorting a line item of one of the grids, the data displayed in both grids will not be aligned anymore.