FormLayout Examples

Note that FormLayout support is only available in the Professional version of the product.

Margin Attachments

  • This shows a button that has been attached to the lower-right corner with a fixed offset.
  • The blue lines indicate the margin snap point (configurable via the preference page).
  • The four sides may be individual configured to attach to the near side, the far side, a percentage point, to another widget or to nothing via the popup graphical attachment menus on each side.
  • The widget may be moved and sized via free dragging while preserving the attachment styles on each side


Percentage Attachments

  • This shows a button being dragged from the lower-right corner to the window centerline
  • The gray lines indicate preferred percent snap points (configurable via the preference page).
  • The blue lines indicate fixed offsets from the percent lines (configurable via the preference page).
  • The widget may be snapped to either the percent line or to the offset line
  • Drag feedback is provided on the borders indicating the current percent and offset.
  • When a drag operation is initiated, the select widget quadrant is used as a hint to decide which dynamic snap points to use
  • If a snap point is selected, the relevant attachments will be changed a necessary


Widget Attachments

  • This shows a button being dragged next to another button to establish a widget snap point
  • When a widget is dragged near a target widget, dynamic snap points appear in three places relative to the target widget
    • The near edge of the target widget (vertical gray line in picture)
    • Fixed offset from near edge of target widget (vertical blue line in picture)
    • The far edge of the target widget (horizontal gray line in picture)
  • The gray lines indicate snap points at the edge of a widget
  • The blue lines indicate fixed offsets from the near sides of a widget (configurable via the preference page).
  • Once a widget attachment has been established, moving or sizing a target widget will also cause any attached widgets to move or size as appropriate
  • When a drag operation is initiated, the select widget quadrant is used as a hint to decide which dynamic snap points to use


FormLayout Preferences

  • This shows the various preference options available for configuring FormLayout support
  • Default snap points may be established for the window margins, fixed percentage offsets and (near-side) widget offsets
  • The line colors used for the snap points may be set
  • Preferences may be independently controlled for horizontal and vertical operations
  • When dragging or sizing, the sensitivity to snap points may be set (e.g., how close do you need to get before they grab you)
  • Default preference snap points may be established (50% would correspond to the centerline of the window). Other useful choices might be 25%, 33%, 66% and 75%.
  • Entering a value of "-1" for any offset value will suppress snap points corresponding to that attachment style (e.g., setting the Widget offset to -1 would disable the widget snap points). 
  
 Back