Layout Panels

Layout Panels

Intersoft ClientUI® includes a wide range of panels and layout controls that essential to build the application's user interface, ranging from fundamental panels such as wrap panel and dock panel, to advanced panels such as dragable stack panel, uniform grid panel, and auto fit panels.

Live Demo Gallery Watch Video

AutoFit Panel

Automatic Content Resizing

UXOverflowStackPanel is an innovative panel with built-in items overflowing detection. The overflow logic works by intelligently measuring the desired size of all the contained items against the panel's actual dimension. Items exceeding the panel’s dimension will be removed to maintain the proper layout balance. The removed items are placed in a special overflow container that you can specify through the available property.

High-performance Layout

UXOverflowStackPanel uses high-performance layout calculation for real-time accurate overflow movement. This results in responsive user experience when the application’s window is continually resized.

Back to top

Grid Panel

Easy Grid Layout Configuration

Children in UXGridPanel is automatically arranged based on their index, eliminating the needs to set extra properties such as Grid.Row or Grid.Column. Thanks to the sophisticated architecture, create a uniform grid layout has never been easier.

Fluid Drag-drop Support

UXGridPanel is a uniform grid panel providing fluid drag and drop capability, and smooth animation when an item is moved, removed, or added to the UXGridPanel.

Layout Orientation

UXGridPanel supports both horizontal and vertical layout orientation. When set to vertical, the children will fill the rows first, and then columns. Other layout aspects can also be easily customized such as the item margin.

Routed Events

UXGridPanel provides drag and drop capability that enables user to add, reorder and remove item from the panel. Each action raises a routed event that allows you to perform further customization during the drag-drop operation such as Inserting, Inserted, Moving, Moved, and more.

Back to top

Dock Panel

Flexible Docking Control

ClientUI’s DockPanel is a sophisticated panel control featuring four-side docking layout with one filling element. The filling element can be any children element regardless of its logical order, enabling you to create more flexible UI layout without the needs to create nested panels.

Live Demo Gallery

Back to top

Stack Panel

Fluid Drag-drop Support

UXStackPanel is a stack panel element featuring fluid drag and drop capability and smooth animation when an item is moved, removed or added to the UXStackPanel. Thanks to the innovative drag-drop architecture, you can quickly add stunning drag and drop capability with just a few property sets.

Comprehensive Drag-drop Behaviors

UXStackPanel provides a handful of powerful features that let you tweak the drag-drop behaviors further. For instances, you can customize the sensitivity of the drag operation, and determine whether the dragged object is allowed to be placed in the left or right side of the target.

Layout Orientation

UXStackPanel supports both horizontal and vertical layout orientation. When set to vertical, the children will be arranged from top to bottom. Other layout aspects can also be customized through the provided properties.

Routed Events

UXStackPanel provides drag and drop capability that enables user to add, reorder and remove item from the panel. Each action raises a routed event that allows you to perform further customization during the drag-drop operation such as Inserting, Inserted, Moving, Moved, and more.

Back to top

View Box

Flexible Stretch Mode

ViewBox automatically stretches and scales its content to fill the available area, making it easy to create UI presentation that requires dynamic sizing. It uses advanced techniques for the stretch operation which are based on native transformation instead of layout resizing, which delivers the best performance with the best looking results.

Live Demo Gallery

Back to top

Wrap Panel

Layout Orientation

WrapPanel is a panel with automatic layout wrapping mechanism. Similar to StackPanel, WrapPanel arranges its children in either vertical or horizontal direction. WrapPanel uniquely wraps the exceeding items to the next column or row depending on the orientation setting.

Live Demo Gallery

Back to top

Close window
back back back forwardforwardforward