In the Grouping the canvas components recipe in Chapter 1, Staying in Control, we discussed how grouping multiple components works. This solution is a good option when a limited number of components are involved. But if you are building a dashboard with a lot of overlapping layers in combination with the Dynamic Visibility functionality, you are recommended to use the Canvas Container component.
The Canvas Container component looks a lot like the grouping of multiple components as we saw earlier in the recipe in Chapter 1, Staying in Control called Grouping the canvas components. But with this component, we also have the option to include horizontal or vertical scroll bars. In the properties pane, you can determine whether the Canvas Container will show these scroll bars or not. By default, the Auto option is selected, which means that scroll bars are only shown if a component that is part of the Canvas Container component lies (partly) outside Canvas Container. This was explained in step 7 of this recipe.
The gray background of Canvas Container is only shown in design mode. If you run the dashboard, only the possible scroll bars are visible. In addition, one of the biggest benefits of using Canvas Container is that you do not have to ungroup the components when you want to resize or move the grouped components around.