Content Controls

Content Controls

Intersoft ClientUI® provides a comprehensive library of controls that support rich user interface development, ranging from essential content controls such as group box and expandable group box, to visually-compelling content controls such as content projector, content perspective, content reflector and innovative content transition with built-in twelve elegant animation.

Live Demo Gallery Watch Video

Fluid Container

Fluid Animation

Built on the content control model, UXFluidContainer doesn’t restrict its content to a certain interface or a specific UI element. This means that it accepts any compatible UI elements as its content without trading-off the smooth animation.

Supports Standard UI Elements

Built on the content control model, UXFluidContainer doesn’t restrict its content to a certain interface or a specific UI element. This means that it accepts any compatible UI elements as its content without trading-off the smooth animation.

Zero Code

UXFluidContainer is designed with unique architecture that allows it to smoothly animate content changes without requiring manual storyboard or extra visual state definition. It works just like a basic content control – simply set the Content to the new desired element and the fluid transition will start right away.

Integration with ContentTransition

One of the advanced features of the control is the special integration with ContentTransition control. This produces even more sophisticated user experiences as the content changes will be smoothly animated – in addition to the size changes.

Back to top

Content Projector

Projection

Content Projector is a versatile and lightweight content control for applying two-way planar projection. The best thing about Content Projector is that it can contain a single object of any types, from a string, an image, a panel, or even a custom control. You can use native Silverlight plane projection or the provided properties. For multi-platform applications, consider using Content Projector’s properties to create the effect for the best result.

Live Demo Gallery

Back to top

Content Reflector

Reflection

Content Reflector is a lightweight content control for applying an impressive reflection effect of the original object. Not only limited to the image data type, you can create a vivid-looking reflection effect on literally any UI elements, even if it is a complex content.

Customizable Appearance

Content Reflector offers dozens of visual customization. It allows you enable or disable the reflection effect. For instances, the ReflectionBrush, ReflectionPosition, and ReflectionVisibility allow you to refine the reflection effect that fits to your application.

Back to top

Content Transition

Rich Transition Effect

Bring your application to live with rich visual effect. Content Transition allows you to easily add stunning visual transition with dozens of gorgeous animation library, from fading, sliding, zooming, and flipping, to 3D cube.

Customize Transition Behavior

Content Transition provides a host of behaviors that you can customize, such as enabling or disabling the transition effect; defining the transition duration; customizing the transition effect for default and startup mode; and specifying transition conflict resolution. A comprehensive set of routed events are also available to further customize the transition process.

Integrates with ClientUI Navigation Framework

Built upon the powerful Navigation Framework, Content Transition lets you deliver compelling business applications in short time. It provides unique features that let you customize the transition according to the navigation direction, for example, using slide-out transition for Back navigation, while using slide-in transition for Forward navigation.

Create Custom Transition

Designed with an elegant architecture, Content Transition provides an easy way for you to extend the animation library with your own custom animation. Later, you can apply the custom transition by specifying the transition name through the provided properties.

Back to top

Content Transformer

Transform Effect

Content Transformer is a lightweight content control that applies transform effects to its content without affecting the dimension and boundary of the main container. Compared to Silverlight’s RenderTransform technique, Content Transformer transforms its content with respect to the dimension and boundary of the main container.

Live Demo Gallery

Back to top

Expandable GroupBox

Customizable Header Appearance

Expandable Group Box provides a multitude of appearance customization, especially on the header element. You can easily change the header background, border brush, foreground, and line border – all within property sets.

Customizable Behaviors

Expandable Group Box allows many customizations to fit your applications. For example, collapsing an instance (or multiple instances) of Expandable Group Box initially. You can also hide the expander button, preventing users from collapsing the content.

Customize Appearance

Expandable Group Box offers dozens of visual customization. It allows you to quickly change the background, border brush, stroke thickness, corner radius, and more – without the needs to edit the control template.

Focus Scope

Designed for the best user experience, Expandable Group Box implements focus scope, a feature that logically groups all input controls within an Expandable Group Box. It provides focus related functions, such as modal input, default button, group option, and more.

Back to top

Expandable Content Presenter

Smooth Expand Collapse Behavior

Use Expandable Content Presenter to quickly create an expansible and collapsible content by specifying the IsExpanded property. The use of custom animation is possible to animate the percentage property which controls the expanded area of the content.

Live Demo Gallery

Back to top

GroupBox

Customize Header Appearance

Group Box offer many ways to customize its header. For example, you can add an image to the header in addition to text. Group Box has the capability to draw a 3D border wrapping the control. In addition, you can also customize the header position, header mode, and alignment. Best of all, you can use template for more advanced header customization.

Customize Appearance

Group Box offers dozens of visual customization. It allows you to quickly change the background, border brush, stroke thickness, corner radius, and more – without the needs to edit the control template.

Focus Scope

Designed for the best user experience, Group Box implements focus scope, a feature that logically groups all input controls within a Group Box. It provides focus related functions, such as modal input, default button, group option, and more.

Back to top

Content Perspective

Projection

Content Perspective is one of its kinds that add 3D perspective effect when an object is transformed or projected using plane projection. You can use native Silverlight plane projection or the provided properties. For multi-platform applications, consider using Content Perspective’s properties to create the effect for the best results.

Reflection

Content Perspective produces a stunning reflection effect based on the specified content, not only images. Any UI elements can be placed in the content which will be reflected automatically, even if it is a complex content.

Customizable Appearance

Content Perspective provides dozens of visual customization. For instances, the EnableReflection enables or disables the reflection area, while the ReflectionBrush allows you to customize the reflection effect and use any types of brushes.

Back to top

Close window
back back back forwardforwardforward