Hello,

Is there a way to make the scrollbar in a viewer be Vertical and on the Left. I'm trying to style it but I can't make it stay left.

     <ControlTemplate TargetType="Liquid:Viewer">

     <Canvas x:Name="RootElement" d:DesignWidth="365" d:DesignHeight="68" Width="500">

     <Canvas.Resources>

     <Storyboard x:Name="ElementFadeOut" BeginTime="0">

     <DoubleAnimation Duration="0:0:0.3" Storyboard.TargetName="ElementSliderGrid" Storyboard.TargetProperty="Opacity" From="1.0" To="0.3"/>

     </Storyboard>

     <Storyboard x:Name="ElementFadeIn" BeginTime="0">

     <DoubleAnimation Duration="0:0:0.3" Storyboard.TargetName="ElementSliderGrid" Storyboard.TargetProperty="Opacity" From="0.3" To="1.0"/>

     </Storyboard>

     </Canvas.Resources>

     <Grid x:Name="Holder" Canvas.Left="0" Canvas.Top="0" HorizontalAlignment="Left" VerticalAlignment="Top" >

     <Grid.ColumnDefinitions>

     <ColumnDefinition Width="0.168*"/>

     <ColumnDefinition Width="0.832*"/>

     </Grid.ColumnDefinitions>

     <ScrollViewer Grid.Column="0" Grid.ColumnSpan="1" x:Name="ElementContainer" Margin="0,133,-41,132" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">

     <Canvas x:Name="ElementChildren">

     <Canvas.RenderTransform>

     <ScaleTransform x:Name="ElementScale"/>

     </Canvas.RenderTransform>

     <ContentPresenter x:Name="ElementContent"/>

     </Canvas>

     </ScrollViewer>

     <Grid x:Name="ElementSliderGrid" Margin="0" Opacity="0.3" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Column="0">

     <Rectangle Fill="{TemplateBinding SliderBackground}" Stroke="{TemplateBinding SliderBorderBrush}" StrokeThickness="{TemplateBinding SliderBorderThickness}" RadiusX="{TemplateBinding SliderCornerRadius}" RadiusY="{TemplateBinding SliderCornerRadius}" Height="300" Margin="0" Width="22"/>

     <Slider x:Name="ElementSliderX" Height="Auto" Margin="2" Width="22" Orientation="Vertical" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" SmallChange="10"/>

     </Grid>

     </Grid>

     </Canvas>

     </ControlTemplate>

Thanks,

Kris

Hi,

The Viewier uses a standard Silverlight ScrollViewer to present its content, as such if ytou wish to alter the style of the ScrollViewer you will need to create a custom style.  The default ScrollViewer style can be found at:

http://msdn.microsoft.com/en-us/library/cc278065(VS.95).aspx

Thanks!