ButtonItems Content Model
UXToolBarButton implements a hybrid content model that exposes both Button and ItemsControl
characteristic. This allows for more solid button architecture that streamlines
various types of buttons into a single definition, which makes UI development much
easier and more efficient.
Commanding, MVVM, and Navigation Support
Implementing the Button model, UXToolBarButton shares the same features available
in UXButton, such as MVVM data binding, commanding, navigation support, default
and cancel button, dialog result, and more. Learn more about UXButton.
Easy Button Type Configuration
Designed for an ultimate ease-of-use, UXToolBar comes with four predefined button
types: command button, dropdown button, split button and custom button. Thanks to
the ClientUI’s innovative Blendable™ design guideline, you can set the button type
with a simple property set. Custom button provides greater customization, enabling
you to put custom control to the toolbar button such as a text box, or a combo box.
Autofit and Overflow Mechanism
UXToolBar is designed to address the needs of dynamic applications that is supposed
to work consistently in resolution independent scenarios. One of the key features
in UXToolBar is the autofit and overflow capability in which the tool bar automatically
measures the available groups and commands to fit the available space. The overflowing
commands can be accessed in the overflow dropdown menu.
Fluid Drag-drop Support
Built upon ClientUI DragDrop Framework, you can easily enable drag and drop capability
to a UXToolBar with a property set. When enabled, users can move the toolbar instance
by dragging its grip handle. Unlike the classic drag and drop, UXToolBar provides
a fluid drag and drop experience which animates the space adjustment during the
drag query processes. It supports drag drop between the toolbars in the same dock
tray, as well as toolbars across multiple dock tray.
Traditional toolbar can only be positioned in a horizontal orientation and have
a limited customization. UXToolBar opens up a new possibility which enables you
to change the toolbar orientation to vertical, and dock it to the left or right
side of your application. All toolbar’s visual elements will automatically adjust
to the new orientation. For more advanced scenario, you can create multiple dockable
zones with different orientation setting. Combined this with the drag drop feature,
end user can flexibly move the toolbar across valid droppable dock zones.
Focus Scope and Input Handling
Designed for the best user experience, UXToolBar implements a multitude of UX features,
such as modal input and navigation using Tab key. When UXToolBar is focused, it
redirects the logical focus to the first visible button in the toolbar. You can
press Escape to exit the modal input. Another important feature is the ability to
maintain the input control focus, which is particularly useful when using UXToolBar
in form-filling scenario. Users can click on the toolbar button without losing the
current input control focus, enabling speedy data entry process.
UXToolBar provides a host of properties for easy appearance customization such as
background, border customization, grip background, overflow background, and more.
Control and template editing is also supported for more advanced customization.