Dock

ClientUI introduces UXDock, a hight performance docking navigation control with modern design and sleek animation. One of the most innovative features is the improved fluid background behavior where the dock's background will be automatically adjusted as the zooming process takes place.

Live Demo Gallery Watch Video

Dock

MVVM-ready Architecture

UXDock is redesigned from the ground-up to take advantage of the latest technology in Silverlight such as flexible item styling and templating, data binding and commanding. UXDock is highly optimized for modern UI architecture such as Model-View-ViewModel design pattern, allowing you to consistently bind a collection of data and capture the selection without trading-off the stunning animations and other compelling features.

Back to top

Built upon the ClientUI Framework, UXDock now supports ClientUI’s page navigation architecture, enabling you to create rich navigation user interface with the convenience of property sets. You can navigate a local XAML to a specific navigation target, or launch an external link in a new browser window.

Back to top

Dock Customization

UXDock comprises of a multitude of customizable visual elements, such as the background layout, the control dimension, dock position, margin and more. These settings let you create a more personalized docking control that fits your application’s design and screen real estate.

Live Demo Gallery

Back to top

Stack Position

UXDock’s innovative docking system includes the ability to dock to any side of the screen. All UXDock features automatically adapt to the new position, adjusting the zoom animation, item reflection, tooltip position, and other visual effects as needed.

Live Demo Gallery

Back to top

Zoom Effect

UXDock has been further enhanced to produce a smooth zoom animation by taking full advantage of the latest Silverlight technology. As a result, the zooming process is more responsive than ever by removing unnecessary distortion to the adjacent buttons.

Live Demo Gallery

Back to top

Drag-Drop Support

Powered by ClientUI’s comprehensive drag drop framework, UXDock provides solid drag and drop experience. It enables users to perform various drag drop operations, for instances, drag a stack item to reorder, drag a UXDock’s item to other droppable controls like UXAccordion. Dozens of customizations are available to deliver stunning drag-drop user experiences.

Live Demo Gallery

Back to top

Various Background Mode

UXDock supports three background modes: Simple, Complex Images, and Custom. In Simple Mode, the background object is a rectangle you control through its properties. In Complex Images Mode, you specify three images used to form the background object of UXDock. In Custom Mode, you create a template object and simply attach it to UXDock’s background container.

Live Demo Gallery

Back to top

Rich UI Element

UXDock is more than just a simple docking control. Designed to add commercial-class user experience to your applications, it offers a rich variety of UI elements, including buttons, tooltips, separators, and button indicators. Each element is fully customizable with minimal effort, enabling you to create cutting-edge user interface in minutes.

Live Demo Gallery

Back to top

Auto Hide

When you need to maximize available screen real estate, just enable AutoHide. UXDock automatically hides as the idle time limit is reached. The control can be brought back instantly when needed by simply hovering on the edge of the dock. This convenient feature is also easily customizable.

Live Demo Gallery

Back to top

Stack Modes

UXDock supports three background modes: Simple, Complex Images, and Custom. In Simple Mode, the background object is a rectangle you control through its properties. In Complex Images Mode, you specify three images used to form the background object of UXDock. In Custom Mode, you create a template object and simply attach it to UXDock’s background container.

Live Demo Gallery

Back to top

Visual Effects

UXDock is the industry’s first commercial-ready component to delivers these innovative concepts and breakthrough features. Together with Microsoft Silverlight™, you can easily add amazing visual effects that were never before possible in web applications. It comes with five stunning visual effects, such as jumping, reflection, flipping, and more. You may customize and combine built-in effects, and if that’s still not enough, you can even create your own.

Live Demo Gallery

Back to top

Close window
back back back forwardforwardforward