Responsive UI provides configuration and runtime capabilities for creating GraphWorX64 displays that provide an optimal viewing experience across a wide range of devices (desktop, tablet, phablet, phone, and more). This product does not feature one display for each device, but rather features one display whose layouts adjust dynamically based on the window and screen size of the device it is being used on.
Responsive UI features five additional panel types.
Note: For all panel types, visit the Panels topic.
Stack Panel: This type of panel stacks objects as you add them to the display.
Grid Panel: The Grid panel allows you to arrange objects into a 3x3 grid
Dock Panel: Automatically aligns objects to the sides of a rectangular area. This same layout behavior can be achieved with a Grid Panel, but configuration is easier as a Dock Panel.
Wrap Panel: Items in the Wrap Panel are arranged in sequence, wrapping to the next line when the edge is reached.
UniformGrid Panel: This panel lays out objects into rows and columns, arranging them to have equal spacing between the items.
A Viewbox container automatically scales content to fit within the size of the Viewbox. This feature supports all Stretch modes (None, Uniform, Fill, UniformToFill).
Responsive UI now offers the Split Panel interface. Users can manually add and configure a splitter vertically and horizontally within their grid. The user can drag a splitter within runtime to adjust the sizes of the two sub-panels. Split panels can now be nested within other split panels to create more complex splits, and allow the user to create as many of them as they want. Splitters include global coloring, flexible sizing options, and the ability to toggle "collapse" sub panels.
Grid Panels: Users can add, remove, move, stretch and resize rows and columns using the configuration properties.
Stack Panels: Users can move (drag) to re-order objects in a stack panel.
Wrap Panels: Users can move (drag) to resize objects. As the size of the panel changes, the number of items per row, and the number of rows change as well.
UniformGrid Panels: Users can lay out objects in a row or column arrangement with equal spacing between items.