Bar and Menu Controls

Bar and Menu Controls

Intersoft ClientUI® includes a comprehensive bar controls for menu and commands interface that essential in a rich business application, ranging from context menu,menu bar, tool bar, tool group, dropdown and split buttons, separator and much more.

Live Demo Gallery Watch Video

Context Menu

MVVM-ready Architecture

UXContextMenu supports linear and hierarchical data binding for advanced line-of-business application. You can use the member path properties or ItemTemplate for more advanced binding technique.

Reliable Right-click Support

UXContextMenu supports mouse right click consistently regardless of whether your application is running in Silverlight 3, Silverlight 4 or WPF.

Easy Configuration

UXContextMenu is designed for an ultimate ease-of-use. You can create a UXContextMenu instance in the page, and easily reuse the same instance in multiple UI elements. All you need to do is simply specifying the name of the UXContextMenu in the UI elements through attached property.

Visual Animation

UXContextMenu provides an abundance of animation and stunning visual effects. You can easily enable or disable the fade-in/out animation; customize its slide direction; display or hide animation – and much more.

Customizable Appearance

UXContextMenu is highly customizable through the provided properties such as background, border, corner radius, and more – enabling you to quickly create a stylish context menu with your own appearance preferences. Control and template editing is also supported for more advanced customization.

Back to top

Dock Tray

Fluid Drag-drop Support

UXDockTray comes with an intuitive drag-drop capability that conforms to ISO standards such as dragging visual hints, tooltip, return animation and more. The drag-drop behaviors can be easily customized through available properties such as AllowMoveItem, AllowReorderItem, and AllowDropItem.

Horizontal and Vertical Orientation

When paired with UXToolBar, UXDockTray provides automatic layout orientation. It lets you display more toolbars in vertical orientation by adjusting the toolbar’s dimension to fit the dock tray’s area, while smartly transforming the necessary user interface elements according to the new orientation, such as the grip handle and the overflow handle.

Customizable Appearance

UXDockTray can be easily customizable through the provided properties such as background, border, corner radius, and more. Control and template editing is also supported for more advanced customization.

Back to top

MVVM-ready Architecture

UXMenuBar supports linear and hierarchical data binding for advanced line-of-business application. You can use the member path properties or ItemTemplate for more advanced binding technique.

Rich User Experiences

UXMenuBar comes with great user experiences for end users. The access key provides instant access to a specific command in the menu bar. The access key visibility and access modifiers determine whether pressing the specified access key will open the menu or whether the access key is immediately visible.

Customizable Appearance

Although UXMenuBar comes with a rich Aero-style theme; you can completely customize the look and feel of the control through the available properties such as the background, border, corner radius, item styles and more. Control and template editing is also supported for more advanced customization.

Back to top

Separator

3D Appearance

The UXSeparator draws a 3D style line which is mainly used to separate two or more logical sections. The 3D appearance can be easily customized through the available properties.

Horizontal and Vertical Orientation

UXSeparator includes built-in layout orientation feature supporting both Horizontal and Vertical orientation. This allows you to configure the layout orientation with a simple property set, eliminating the needs to manually adjust the control’s width and height.

Back to top

Tool Bar

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.

Customizable Orientation

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.

Customizable Appearance

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.

Back to top

Tool Group

3D Border

UXToolGroup is the perfect control to deliver a stylish group of commands in 3D appearance with symmetric round corner style. It lets you quickly achieve elegant presentation without writing extensive XAML code.

Customizable Appearance

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.

Back to top

Close window
back back back forwardforwardforward