Button Controls

Button Controls

Intersoft ClientUI® includes comprehensive command buttons and dropdown buttons for building essential application user interface such as in typical dialogs and input forms. All buttons family comes with elegant Aero-style interface with full support for fundamental features such as routed event, routed command, navigation and MVVM pattern binding.

Live Demo Gallery Watch Video

Glass Button

Navigation

Powered by ClientUI’s smart navigation architecture, Glass Button enables you to leverage the navigation feature through the NavigateUri property. It supports multiple/nested navigation topology through the target frame setting. You can navigate to a local XAML page, or to an external website page.

Commanding

Create consistent and reliable user experiences through ClientUI’s commanding infrastructure. It enables you to build loosely-coupled Silverlight and WPF applications by wiring your custom business logic and bind it through MVVM pattern. This results in high code reusability, better application stability, and long-term maintainability.

Toggle Mode

GlassButton is enhanced with the unique toggle button feature when multiple instances are used together under the same group.

Customizable Appearance

GlassButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style. Control and template editing is supported for more advanced and comprehensive customization.

Back to top

Command Button

Rich Display Mode

UXButton features easy display mode customization, allowing you to quickly create rich button designs in seconds. You can assign an image to a button; customize its size and position – all within property sets.

Default and Cancel Button

User experience factor plays an important part in application usability and user acceptance, especially when user is doing something repetitive such as in data entry application. UXButton implements focus scope architecture to provide an unprecedented ease-of-use. You can set UXButton as the default or cancel button of a focus scope – allowing users to simply press the Enter or Escape key to execute the specified command.

Integration with UXDialogBox

When used in a UXDialogBox, the default and cancel button feature automatically sets its DialogResult property – thanks to the sophisticated routed event support. This feature significantly simplifies UI development by eliminating the needs to write additional plumbing code.

User Experience Features

In addition to the core features, UXButton comes with great user experience features that comply to ISO standards, such as access key support to execute the button’s command, default focus animation, and keyboard focus visual hint. You can further customize these behaviors through the available properties.

Customizable Appearance

UXButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style, such as the background, corner radius, glass background and more. Control and template editing is supported for more advanced and comprehensive customization.

Back to top

ContentItems Model

ContentItems is an enhanced content model architecture enabling a control to host a combination of arbitrary content and collection of items. Derived from this concept, UXDropDownButton lets you easily specify the menu items to show in the button, while at the same time allowing you to customize the content of the UXDropDownButton.

MVVM-ready Architecture

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

DropDown Menu Position Customization

The flexible dropdown menu positioning capability makes UXDropDownButton a perfect match to every available screen estate. Three properties are available, PreferredPosition, PreferredHorizontalDirection, and PreferredVerticalDirection.

DropDown Menu Animation

The touch of subtle animation in its dropdown menu makes its appearance more elegant and professional. You can customize the fade-in/out animation; customize its slide direction; and its display or hide animation.

Customizable Appearance

UXDropDownButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style, such as the background, corner radius, glass background and more. Control and template editing is supported for more advanced and comprehensive customization.

Back to top

Split Button

ContentItems Model

ContentItems is an enhanced content model architecture enabling a control to host a combination of arbitrary content and collection of items. Derived from this concept, UXSplitButton lets you easily specify the menu items to show in the button, while at the same time allowing you to customize the content of the UXSplitButton.

MVVM-ready Architecture

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

DropDown Menu Position Customization

The flexible dropdown menu positioning capability makes UXSplitButton a perfect match to every available screen estate. Three properties are available, PreferredPosition, PreferredHorizontalDirection, and PreferredVerticalDirection.

DropDown Menu Animation

The touch of subtle animation in its dropdown menu makes its appearance more elegant and professional. You can customize the fade-in/out animation; customize its slide direction; and its display or hide animation.

Customizable Appearance

UXSplitButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style, such as the background, corner radius, glass background and more. Control and template editing is supported for more advanced and comprehensive customization.

User Experience Features

UXSplitButton is designed with sophisticated usability features that comply with ISO standards, including the access key implementation, keyboard navigation across the logical content and the menu items, focus scope, and modal input. End users would find your applications intuitive and easy-to-use.

Back to top

Stack Button

MVVM-ready Architecture

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

Various Stack Mode

Stack mode is an innovative feature which lets you stack multiple items in various different presentation. The idea is to elegantly display many items without cluttering the screen. UXStackButton features 3 stack modes, Arc, Grid, and Menu. Arc style is best suited to a relatively small number of stack items; while the Grid and Menu style is designed to handle relatively larger number of stack items.

StackGrid Template

StackGrid template is a new feature taking advantage of the elegant Grid stack mode and the Silverlight’s powerful templating feature. It lets you fit the desired custom content into the stack grid.

Stack Position Customization

UXStackButton’s unique docking system includes the ability to dock to any sides of the screen. All visual elements automatically adapt to the docking position, adjusting the zoom animation and other visual effects as needed.

Stack Animation Customization

UXStackButton sports various stunning visual animation. You can turn on and off the fade-in/out animation, display and hide animation.

Customizable Appearance

UXStackButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style, such as the background, corner radius, glass background and more. Control and template editing is supported for more advanced and comprehensive customization. Furthermore, you can flexibly tweak each stack mode, for instances, the arc degree and direction in Arc stack mode.

Built-in Drag Drop Capability

Powered by ClientUI’s comprehensive drag drop framework, you can drag a valid object and drop it onto droppable zone. For example, drag an item from the UXStackButton and drop it onto UXAccordion. In addition, you can customize many of the drag-drop behaviors such as the tooltip and drag action.

Back to top

Toggle Button

Tri-State Toggle

Unlike the basic command buttons, UXToggleButton supports three toggle states: Checked, Unchecked, and Indeterminate. You can effortlessly enable this feature through a simple property set. Each visual state that corresponds to each toggle state can be completely customized to suit your application’s scenarios.

Supports Routed Events

Along with the tri-state toggle feature, a comprehensive set of routed events are exposed for more advanced customizing and wiring to your application’s logic. The routed events support bubbling routing strategy which is fully compatible with WPF routed events implementation.

Rich Display Mode

UXToggleButton features easy display mode customization, allowing you to easily create rich button designs in just a few clicks. You can assign an image to a button; customize its size and position – all within property sets.

Default and Cancel Button

User experience factor plays an important part in application usability and user acceptance, especially when user is doing something repetitive such as in data entry application. UXToggleButton implements focus scope architecture to provide an unprecedented ease-of-use. You can set UXToggleButton as the default or cancel button of a focus scope – allowing users to simply press the Enter or Escape key to execute the specified command.

Integration with UXDialogBox

When used in a UXDialogBox, the default and cancel button feature automatically sets its DialogResult property – thanks to the sophisticated routed event support. This feature significantly simplifies UI development by eliminating the needs to write additional plumbing code.

User Experience Features

In addition to the core features, UXToggleButton comes with great user experience features that comply to ISO standards, such as access key support to execute the button’s command, default focus animation, and keyboard focus visual hint. You can further customize these behaviors through the available properties.

Customizable Appearance

UXToggleButton provides various means of visual customization. You can set the available properties to quickly achieve your desired style, such as the background, corner radius, glass background and more. Control and template editing is supported for more advanced and comprehensive customization.

Back to top

Close window
back back back forwardforwardforward