Index | Prev | Next

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 100.   Example FlowPane Properties Pane
Image
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 (Image) to open the File Chooser, Ord Chooser, or other method of selecting an image file.

Null indicates no color (white).

Related Links

  • Components in bajaui module (Parent Topic)

    • Index | Prev | Next