Mobile Px CanvasPanes support the different scale modes offered in Workbench. If a CanvasPane is absolutely positioned (a child of another CanvasPane) then it supports all five scale modes: None, Fit, Fit Ratio, Fit Width, and Fit Height. While a CanvasPane that is fluidly positioned (a child of a BasicMobilePane) supports only two scale modes: None and Fit Ratio.

You can add CanvasPanes to cells in a MobileGridPane to scale them down even smaller. Widgets can be in each cell of the grid pane being scaled. A MobileGridPane supports up to five columns, but most graphics become cramped if your column count exceeds two.

Adding a CanvasPane to a ScrollPane (that is the root widget) with the CanvasPane’s scale property is set to None can have a potentially undesirable effect of stretching the header in the browser. In the browser, the header will stretch to match the size of the canvas pane, which makes the commands button in the header only accessible after scrolling all the way to the right. This can be remedied by not using a ScrollPane as the root widget. Instead use a CanvasPane as the root widget with scaling set to Fit Ratio.