Vectorlight News

  • Chat App Converted to HTML and JQuery
    Sep 08, 2011

    Converted from Silverlight to HTML and Javascript/JQuery is the Vectorlight Chat App. Login using your Vectorlight password to chat using your username and avatar.

  • HTML5 iPhone,Android Big Guns Tower Defense
    Jul 02, 2011

    Big Guns has made the leap from Windows Phone 7 (XNA) to HTML5 so you can now play it on your iPhone, Android and other HTML5 compatible devices.

  • HTML5 Games - Word Poppers and Batty
    Jun 04, 2011

    As the take-up of HTML5 quickens (74% of users currently have a browser capable of HTML5 Canvas) we present two more games for both your browser and mobile.

  • Big Guns Tower Defense on Windows Phone 7
    May 06, 2011

    Coming soon to Windows Phone 7 is an XNA port of the popular Vectorlight tower defense game Super Tower Defense. Whilst retaining many of the graphical and gameplay features of the original Silverlight game.

  • Wakacube WP7 Update
    Apr 26, 2011

    Released to the Windows Phone 7 marketplace today is Version 1.1 of Wakacube the 3D physics game of skill. Included in the update are more levels (30 in total) and new mode Wakatime which generates random crate structures to keep players entertained long after the levels have been completed.

  • Home Page News
Netmonster
Netmonster
Viewer Scroll Bar Vertical Posted: Mar 14, 2010
 

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

  
 
dan
dan
RE: Viewer Scroll Bar Vertical Posted: Apr 10, 2010
 

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!