Customizable Animation

UXCallOut is a unique content control that displays a callout shape on the top of other elements. It also provides you the capability to adjust the animation effect such as changing the display or hide animation; enable or disable the fade-in/out animation; customize the slide direction and more.

Flexible UXCallOut Positioning

With the ability to adjust the UXCallOut’s object positioning, you are able to maximize your screen estate without worrying the callout might appear in a wrong direction, or incorrectly overlapping other important elements.

Customizable Mouse Action

You can take full control when to show or hide callout control based on the mouse action. The default setting is to show callout on mouse enter. This means that the callout will be shown as it enters the target element. You can further adjust the callout behaviors, for example, hiding the callout’s instance on mouse leave.

Single and Multiple Selection Mode

UXListBox provides three selection modes, Single, Multiple, and Extended. In Single mode, user can only select one item at a time. Multiple selection mode lets user select one or more items. A click on an item to select and another click on the item to deselect. Extended mode combines the use of multiple keyboard gestures, pressing CTRL and/or SHIFT to perform multiple selections similar to Windows operating system.

Full Keyboard Support

UXListBox implements full keyboard support for great usability, allowing users to interact with the list box in natural way. Use the arrow key to navigate between items, spacebar to select/deselect an item, or combine the CTRL and/or SHIFT with mouse click to select a range of items.

Text Search

UXListBox implements usability features that users to instantly locate a certain item based on the pressed character of the keyboard input device. Called text search, this feature is particularly useful in list controls that operate in read-only mode. The text search feature is sophisticatedly implemented according to user experience standards, which supports smart item searching behavior based on multiple characters captured by the keyboard input device. Learn more information about ClientUI user experience features.

MVVM-ready Architecture

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

Drag-drop Support

Built upon ClientUI’s fluid drag-drop framework, UXListBox lets you easily enable drag and drop operations to the items with just a few property sets. You can drag an item within the list box to re-arrange the item, or drag it to other droppable controls to move the item. More advanced customization on the drag-drop behaviors are available through declarative property sets, or through routed events and programmatic API calls.

Rich Predefined Animation

UXPopup control has built-in support for the animations that are typically associated with behaviors like fade-in and slide-in. You can activate these animations and customize many of the animation behaviors such as slide direction – all with property sets.

Flexible Positioning

You can put any content to be hosted in UXPopup, and you can display it anywhere desired, whether it's relative or absolute based on the preferred position. UXPopup supports a wealth relative positioning modes such as Bottom, BottomLeft, BottomRight, CenterParent, and more.

Easy Target Configuration

Another powerful feature of UXPopup is that you can easily assign the popup to any UIElement and defines a set of rules that determines when the popup should be opened and closed. UXPopup provides comprehensive properties for the target configuration such as TargetMouseEnterAction, TargetShowLatency, TargetContent and much more.

Automatic Screen Edge Alignment

UXPopup can align to the edge of the screen by repositioning itself so the entire content is visible on the screen. When this occurs, the distance between the target origin and popup alignment point might differ from the values of horizontal offset and vertical offset. Furthermore, UXPopup can reposition itself to ensure its entire content is visible.

Built-in Expand/Collapse

UXNavigationPane is a state-of-the-art navigation control with unique tabbed interface and built-in expand/collapse capability. Modeled after Outlook 2010, users can easily collapse and resize the control to maximize the screen estate; or expand it to the original state when needed.

Compact Screen Mode

The compact screen mode offers more space for main application while preserving the navigation pane capability. When minimized, users can click on the Quick Access button. The content of the selected navigation pane item will be shown in a floating, resizable popup interface.

Customizable Elements

Customization is one of the control’s key strength for example customizing the visible items. Designed with fluid UI design, UXNavigationPane displays many items without compromising the application’s layout. Use the VisibleItemCount property to control the total displayed items. The rest of the items are placed in the footer element or context menu.

Page Navigation

UXNavigationPane implements navigation source architecture to support ClientUI Navigation Framework by exposing navigation-related properties such as NavigationUri and TargetName. It is designed to facilitate the navigation between pages in the supported navigation host such as UXFrame and UXNavigationWindow.

External URI Navigation

In addition to the local page navigation, UXNavigationPane can be used for external URI, such as a web page. Standard safety and security web protocol are supported, such as http, https, and mailto. You can also specify where the page will be displayed.

External XAP Navigation

One of the most advanced features in ClientUI navigation framework is the seamless integration with the application framework, providing powerful navigation capability to an external application package.. With identical semantics and API used in the navigation framework, you can rapidly create composite applications with on-demand XAP package loading mechanism.

Automatic Navigation Synchronization

Unlike other ClientUI navigation controls, UXNavigationPane offers non-linear navigation synchronization. For example, consider a mail client scenario that uses UXNavigationPane as its central navigation system which contains two navigation pane items, Mail and Contacts, each with different content. UXNavigationPane is designed to handle various incoming URLs like /Mail, /Mail/Inbox, /Mail/Outbox, and so forth, which automatically select the Mail navigation pane and the associated content item. And best of all, this time-saving feature is built right into the control so you don’t have to write a single line of code to maintain the navigation synchronization.

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.