bajaui-FlowPane

One of the mobile-friendly components available in the bajaui palette Niagara 4.10 (and later) that adapts the display of Px graphics for various devices (PC, cellphone, tablet, etc.). FlowPane will layout its children from left to right and top to bottom, fitting as many children as possible in each row.

For best results, make a ScrollPane the root of your Px page and then add a FlowPane to the ScrollPane’s Content property.

Note: The bajaui palette provides an Examples folder that contains pre-configured FlowPanes and CanvasPanes to help you start designing mobile-friendly px pages.

Note: A FlowPane's preferred size is not responsive so it may not layout correctly if its parent is an EdgePane.

Figure 1. Example FlowPane Properties Pane

Name	Value	Description
Visible	true (default) or false	Sets the table to be visible in the Px page interface (true) or not (false).
Enabled (Px graphics)	true (default) or false	Determines if the table on a Px page can receive a command. true configures the page to receive a command using a popup menu. false renders the display visible but unable to receive a command.
Align	Left, Center, Right, or Fill	Provides options for setting the alignment of FlowPane child widgets. The Fill option expands any child ResponsivePane's set to a percentage to fill the row.
Row Align	Top, Center, Bottom, or Fill	Provides options for setting the alignment of row content (top, bottom, center, and fill).
Hgap	4 pixels (default)	Specifies the horizontal gap between child widgets in a row.
Vgap	4 pixels (default)	Specifies the vertical gap between rows.
Background	Solid, Gradient, Image, or Null (default)	Specifies the background fill color. Solid opens the Color Chooser window. Gradient opens the Gradient Editor window. Image opens the Image Brush Editor window. Click the Browse icon () to open the File Chooser, Ord Chooser, or other method of selecting an image file. Null indicates no color (white).