Detailed Description

The CDPRow switches layout from horizontal to vertical at a configurable width.

The widget is useful when you want your GUI to support both large and small screen sizes. On a PC screen you usually want multiple containers per GUI row, but when the screen width is small, you might want it to switch to just one column and show the containers on multiple rows. This is achieved by placing the containers in a CDPRow widget and setting the layoutSwitchWidth property to the pixel width where you want to do the switch to multiple rows.

To ensure that the containers show correctly in the vertical layout, it is important that they are configured with reasonable minimumHeight. Also, as the GUI height is likely to increase when showing using a vertical layout, the page should be placed within a QScrollArea widget.

Using a QScrollArea might require tweaking widget configuration if wanting a low initial height without showing the scroll bars. Some widgets, like the vertical bar and slider, read their size hints from SVG. The height in the SVG can be pretty high. To reduce the initial height, these widgets support using the baseSize property to override the sizeHint.