Cover Flow

ClientUI introduces UXFlow, a sleek user interface with multi-talent 3D media player and outstanding UX. UXFlow offers advanced two-way MVVM pattern binding, native drag-and-drop capability and easily customisable appearance and styles.

Live Demo Gallery Watch Video

Cover Flow

MVVM-ready Architecture

UXFlow 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. UXFlow 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.

Live Demo Gallery

Back to top

Built upon the ClientUI Framework, UXFlow 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

VirtualFlow™ Experience

The unique VirtualFlow™ technology enables you to display nearly any number of covers with no performance degradation. You can load hundreds, even thousands of images without excessive memory consumption. VirtualFlow™ retrieves image files asynchronously as needed and released as they become unnecessary. It is particularly useful in demanding applications that require high scalability, such as image gallery and media center.

Back to top

3D Perspective View

UXFlow is the industry’s first CoverFlow presentation control to support true 3D perspective view with customizable depth, camera and angle. The UXFlow implements virtual layout, an advanced feature that allows you to display hundreds of items in stunning 3D perspective.

Live Demo Gallery

Back to top

Scale View

In addition to the default perspective mode, UXFlow also supports an innovative scale view mode. In perspective mode, covers display at a specified perspective angle. In scale mode, covers are arranged backward on Z-depth to create elegant visual effects. Several properties allow you to configure this richly interactive viewing style, such as ItemOffset and ItemSpace.

Live Demo Gallery

Back to top

Slideshow and Easy Navigation

UXFlow supports both automatic slideshow and user navigation modes, allowing you to easily build richly interactive multimedia web applications. You can fine-tune the experience by adjusting the slide show latency and the repeat. The comprehensive slide show commands such as play, pause and next, lets you rapidly create a beautiful slideshow application.

Live Demo Gallery

Back to top

Video Playback Mode

UXFlow doesn’t simply dynamically display images; it also plays videos in a beautifully designed interface. With full support for all Silverlight-compliant video formats such as WMV, VC-1 and MP3, items detected as video type will automatically launch the video player inside the cover interface. Known as “In line video playing”, this feature lets you quickly preview a video without having to leave the current screen area. UXFlow also supports full screen playback and two video download modes: video buffering and video downloading.

Live Demo Gallery

Back to top

Multiple Focus Mode

In addition to the standard single focused item mode, UXFlow also supports a multiple focused item mode. This feature allows you to set the desired number of focused items which are arranged in the center stage of the interface. An additional enhancement allows you to set the border and other visual appearances.

Back to top

Built-in DragDrop Capability

Powered by ClientUI’s powerful drag-drop framework, UXFlow offers a full-featured drag-drop implementation which can be enabled through properties, or further customized through APIs. UXFlow implements fluid drag-drop experiences that conform to ISO-standards 9241, such as showing visual hint that represent the dragged object and pressing Escape to cancel drag.

Live Demo Gallery

Back to top

Total Preview Items

UXFlow automatically determines the maximum preview items based on the available screen real estate. You can customize the maximum preview items that appear in the left and right side of the focused item, which is particularly useful to improve performance in media extensive applications.

Back to top

Page Size

UXFlow allows you to change the page size that determines the number of items to skip when the horizontal scrollbar is dragged. Increase the page size to get more responsive user experiences when the UXFlow contains a large number of items.

Back to top

Use Image Loader

Image loader displays a progress bar with compelling visual effect when the actual image is being downloaded. It dramatically improves user experiences by showing a real-time download progress.

Back to top

Customizable Startup Position

UXFlow gives you the flexibility to determine how items are arranged during start up. You can set it to show the first, last, or middle item, or set it to a specific item index value.

Back to top

Customizable Visual and Layout

UXFlow is a versatile multimedia player control with many customizable visual elements. Set the padding to control the UXFlow items’ positioning, which is particularly useful to refine the visual effect. The title and subtitle are also customizable. You can collapse both element or adjust the spacing. The reflection on UXFlow’s item can be customized through the available properties.

Back to top

Control Panel Appearance

Control panel covers the bottom part of the UXFlow user interface which hosts the navigation buttons, such as play, pause, next, previous, and more. You can set the margin between the bottom borders, completely collapse the control panel area, and hide several buttons from the control panel.

Back to top

Close window
back back back forwardforwardforward