Input Controls

Input Controls

Intersoft ClientUI® provides a comprehensive library of input controls to support rich form and modern user interface development. Ranging from tri-state check box and radio button, Aero-style text box and password box, to auto-complete combo box and innovative search box - ClientUI input controls are paramount in building rich form application with great user experiences.

Live Demo Gallery Watch Video

Check Box

Professional Aro-style Theme

UXCheckBox comes with predefined Aero-style theme, including the visual states that represent each user interaction, such as mouse over, focus, and disabled.

Three-state Value Mode

UXCheckBox also supports three-state value mode: Checked, Unchecked and Indeterminate. Each value state is represented with each visual state which is built into the UXCheckbox – allowing you to use the three-state selection feature without additional efforts.

Commanding Support

UXCheckBox supports commanding through ClientUI’s commanding framework, which enables you to bind the control to a reusable command using MVVM design pattern. The commanding pattern allows you to create consistent user experiences through loosely-coupled UI implementation, which results in better code reusability and long-term maintainability. Learn more about commanding pattern.

Customizable Appearance

UXCheckBox supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

Combo Box

MVVM-ready Architecture

UXComboBox is designed with a solid architecture that allows you to bind a collection of data using loosely-coupled approach such as MVVM design pattern. UXComboBox provides comprehensive member properties that related to data binding and selection such as DisplayMemberPath, SelectedValuePath and more.

Template and Style Selector

UXComboBox supports more advanced data binding scenarios through item template and style selector. This allows you to completely customize the template and style of the UXComboBoxItem based on provided data context.

ImageContent Model

ImageContent is an enhanced content model architecture which enables you to easily specify an image in addition to the text as the content. The image content supports data binding through ImageMemberPath property, which is automatically associated to the UXComboBoxItem’s image element.

Text Search

UXComboBox supports text search in both read-only and editing mode. In editing mode, the text search performs auto selection which matches the item with the identical characters captured by the keyboard input device. In addition, the text search also performs auto completion by displaying the remaining characters in blocked selection. This allows users to enter data more efficiently and intuitively.

Editable Mode

Unlike the traditional Silverlight combo box, UXComboBox supports editable mode. This feature is designed to work in conjunction with the Text Search feature, which can be easily enabled with a property set. When enabled, UXComboBox automatically completes the text of the text whenever it found a matched item.

Customizable DropDown Behaviors

UXComboBox is rich in customization, including customizing the dropdown position and its animation. You can also customize the preferred horizontal and vertical direction; enable or disable the fade-in/out animation; customize the slide direction and more.

Customizable Appearance

UXComboBox supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

Password Box

Automatic Masking

Designed as an input control for collecting password, UXPasswordBox automatically masks the original input text with a masked character, which can be customized through the PasswordChar property. You can access the original input text by accessing the Password property.

Watermark Text

With watermark text, you can display a useful hint about an input when the UXPasswordBox is empty. You can customize the watermark text, its style, as well as the watermark visibility.

Clear Error Validation

Compared to default Silverlight error validation that remains visible even though a correction has been made, UXPasswordBox implements an improved error validation mechanism which automatically clearing the error on the subsequent valid text input.

Customizable Appearance

UXPasswordBox supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

Radio Button

ImageContent Model

ImageContent is an enhanced content model architecture which enables you to easily specify an image in addition to the text as the content. You can also customize numerous image-related settings such as the size and the text and image relation

Focus Scope

UXRadioButton supports containers with focus scope enabled, which automatically defines a unique group across multiple instances of UXRadioButton in the same container. This allows you to quickly define multiple instances of UXRadioButton without have to prior specify the group name for each instance.

Customizable Appearance

UXRadioButton supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

MVVM-ready Architecture

UXSearchBox is designed with a solid architecture that allows you to bind a collection of data using loosely-coupled approach such as MVVM design pattern. UXSearchBox provides comprehensive member properties that related to data binding, selection, search and navigation functionality such as DisplayMemberPath, SelectedValuePath, NavigateUriPath and more.

Search Functionality

UXSearchBox facilitates searching functionality that complies with MVVM design pattern by exposing 3 properties, IsSearching, QueryText, and SearchResult. IsSearching property identifies when the search takes place. You obtain the search query through the QueryText property, which contains the text that user typed, while SearchResult property acts as a recipient that displays the search result to the UXSearchBox.

Customizable Behaviors

UXSearchBox provides several user experience features such as result box display mode and busy state management. In the default setting, the result box is shown when the result is available. AutoShowResultBox property lets you open the result box as soon as you type in the textbox. While waiting for the result, it displays the busy text or template indicating that searching is in progress. The busy text or template can be customized accordingly.

Customizable DropDown Result Behaviors

UXSearchBox is rich in customization, including customizing the dropdown position and its animation. You can also customize the preferred horizontal and vertical direction; enable or disable the fade-in/out animation; customize the slide direction and more.

Customizable Appearance

UXSearchBox supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

Text Box

Watermark Text

With watermark text, you can display a useful hint about an input when the UXPasswordBox is empty. You can customize the watermark text, its style, as well as the watermark visibility.

Clear Error Validation

Compared to default Silverlight error validation that remains visible even though a correction has been made, UXTextBox implements an improved error validation mechanism which automatically clearing the error on the subsequent valid text input.

Support Routed Events

UXTextBox raises TextChanged event when the Text property has changed. To handle the event, you add the TextChanged handler in the XAML and write the logic in code to respond the TextChanged event.

Customizable Appearance

UXTextBox supports easy appearance customization through the available properties such as the background, corner radius, border, and more. Control and template editing is also supported for more comprehensive customization.

Back to top

Close window
back back back forwardforwardforward