Intersoft ClientUI Documentation
How-to: Customize UXScroller Appearance
Intersoft ClientUI 8 > ClientUI Controls > Control Library > Advanced Content Controls Overview > UXScroller > How-to: Customize UXScroller Appearance

This example show how to customize the appearance of UXScroller.

Example

Description

UXScroller is a lightweight control used to perform scrolling on its content. For more information, see UXScroller.

The following page contains an image inside UXScroller before applying a Style.

Apply Style in order to customize all the UXScroller using the same appearance.
Set the following properties:

Property Value
Background Maroon
BorderThickness 5
Margin 10
HorizontalContentAlignment Center
VerticalScrollBarVisibility Disabled

Using this snippet:

XAML
Copy Code 
<Intersoft:UXScroller Name="uXScroller1" Width="400" Height="300" ScrollChange="100" ScrollMode="MouseOver">
    <Intersoft:UXScroller.Style>
        <Style TargetType="Intersoft:UXScroller">
            <Setter Property="Background" Value="Maroon" />
            <Setter Property="BorderThickness" Value="5" />
            <Setter Property="Margin" Value="10" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalScrollBarVisibility" Value="Disabled" />
        </Style>
    </Intersoft:UXScroller.Style>
    <StackPanel>
        <Intersoft:ImageLoader Name="imageLoader1" ImageSource="/UXScroller;component/Assets/Images/cheetah.jpg" />
        <Intersoft:ImageLoader Name="imageLoader2" ImageSource="/UXScroller;component/Assets/Images/butterfly.jpg" />
    </StackPanel>
</Intersoft:UXScroller>
See Also
UXScroller Class

Concepts

Content Controls Overview

Other Resources

Locating the Samples in Local Installation
Walkthroughs and How-to Topics