Problem with RadProgressBar in WPF

8 posts, 0 answers
  1. Anatoliy Abbott
    Anatoliy Abbott avatar
    10 posts
    Member since:
    Jun 2012

    Posted 14 Jul 2009 Link to this post

    Hi!

    I am using  <telerik:RadUpload>  control.

    And everything is working fine. The only problem I have that is 

    <

     

    telerik1:RadProgressBar Background

    when I change background of RadProgressbar it does not cover all space of the item.
    There is left a border strip at the left side of item which is still red colored. And this is why I say that changing background
    of RadProgressBar does not apply to all available space inside the item.

    Please, give me example of how to handle it in silverlight app.

    Thanks, My Best Regards!

    Anatoliy Abbott.

    This is what I have in .xaml file:

     

    <

     

    UserControl x:Class="SilverlightAppFirm3.Page"

     

     

     

     

     

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

     

     

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

     

     

    Width="800" Height="175"

     

     

     

     

     

    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

     

     

     

     

     

    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"

     

     

     

     

     

    xmlns:telerik1="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"

     

     

     

     

     

     

    >

     

     

     

     

     

     

    <Grid HorizontalAlignment="Left" Background="#FFBDD0e2" VerticalAlignment="Top" x:Name="LayoutRoot">

     

     

     

     

     

     

    <Grid.RowDefinitions>

     

     

     

     

     

     

    <RowDefinition MaxHeight="200" />

     

     

     

     

     

     

     

    </Grid.RowDefinitions>

     

     

     

     

     

     

    <Grid.ColumnDefinitions>

     

     

     

     

     

     

    <ColumnDefinition Width="400" />

     

     

     

     

     

     

    <ColumnDefinition Width="400" />

     

     

     

     

     

     

    </Grid.ColumnDefinitions>

     

     

     

     

     

     

     

    <telerik:RadUpload Grid.Row="0"

     

     

    Background="#FFBDD0e2"

     

     

     

     

     

    VerticalAlignment="Top"

     

     

    HorizontalAlignment="Left"

     

     

    IsDeleteEnabled="True"

     

     

    IsMultiselect="True"

     

     

    IsEnabled="True"

     

     

    BufferSize="500000"

     

     

    Grid.Column="0"

     

     

    x:Name="RadUpload1"

     

     

    Filter="(Files(*.*)|*.*"

     

     

     

     

     

    FilterIndex="0"

     

     

    IsAutomaticUpload="False"

     

     

    OverwriteExistingFiles="True"

     

     

    MinHeight="175" MaxHeight="175"

     

     

    MinWidth="390" MaxWidth="390"

     

     

    UploadServiceUrl=""

     

     

     

     

     

    TargetFolder="~\Uploads"

     

     

    FileCountExceeded="RadUpload_FileCountExceeded"

     

     

     

     

     

    FilesSelected="RadUpload_FilesSelected"

     

     

    FileTooLarge="RadUpload_FileTooLarge"

     

     

     

     

     

    FileUploaded="RadUpload_FileUploaded"

     

     

    FileUploadFailed="RadUpload_FileUploadFailed"

     

     

     

     

     

    FileUploadStarting="RadUpload_FileUploadStarting"

     

     

     

     

     

    ProgressChanged="RadUpload_ProgressChanged"

     

     

     

     

     

    UploadCanceled="RadUpload_UploadCanceled"

     

     

    UploadFinished="RadUpload_UploadFinished"

     

     

     

     

     

    UploadPaused="RadUpload_UploadPaused"

     

     

    UploadResumed="RadUpload_UploadResumed"

     

     

     

     

     

    UploadSizeExceeded="RadUpload_UploadSizeExceeded"

     

     

     

     

     

    UploadStarted="RadUpload_UploadStarted" Width="392" >

     

     

     

     

     

     

    <telerik:RadUpload.Resources>

     

     

     

     

     

     

    <SolidColorBrush x:Key="ContentBackgroundBrush" Color="#FFBDD0e2"/>

     

     

     

     

     

     

    <SolidColorBrush x:Key="BorderOuterBrush" Color="#FFBDD0e2"/>

     

     

     

     

     

     

    <LinearGradientBrush x:Key="BorderOuterColor" EndPoint="0.714,1.292" StartPoint="0.318,0.068">

     

     

     

     

     

     

    <GradientStop Color="#FFBDD0e2" Offset="0.39079609253679837"/>

     

     

     

     

     

     

    <GradientStop Color="#FFBDD0e2" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    <SolidColorBrush x:Key="HeaderForegroundBrush" Color="#FF000000"/>

     

     

     

     

     

     

    <Style x:Key="StyleScrollBar" TargetType="ScrollBar">

     

     

     

     

     

     

    <Setter Property="MinWidth" Value="17"/>

     

     

     

     

     

     

    <Setter Property="MinHeight" Value="17"/>

     

     

     

     

     

     

    <Setter Property="IsTabStop" Value="False"/>

     

     

     

     

     

     

    <Setter Property="Template">

     

     

     

     

     

     

    <Setter.Value>

     

     

     

     

     

     

    <ControlTemplate TargetType="ScrollBar">

     

     

     

     

     

     

    <Grid x:Name="Root">

     

     

     

     

     

     

    <Grid.Resources>

     

     

     

     

     

     

    <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">

     

     

     

     

     

     

    <Grid x:Name="Root" Background="#BDD0E2" >

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">

     

     

     

     

     

     

    <Grid x:Name="Root">

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Rectangle x:Name="Background" Opacity="0" Fill="#BDD0E2" Stroke="#132848" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0,1">

     

     

     

     

     

     

    <GradientStop Color="#FFf8f4f3" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFeaeaec" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="#FFdcdcde" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="#FFc1c0c5" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Path Height="8" Width="4" Stretch="Uniform" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">

     

     

     

     

     

     

    <Path.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0,1" x:Name="ButtonColor">

     

     

     

     

     

     

    <GradientStop Color="#FF888888" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFcccccd" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Path.Fill>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">

     

     

     

     

     

     

    <Grid x:Name="Root">

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0,1">

     

     

     

     

     

     

    <GradientStop Color="#FFf8f4f3" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFeaeaec" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="#FFdcdcde" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="#FFc1c0c5" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Path Height="8" Width="4" Stretch="Uniform" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">

     

     

     

     

     

     

    <Path.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0,1" x:Name="ButtonColor">

     

     

     

     

     

     

    <GradientStop Color="#FF888888" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFcccccd" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Path.Fill>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">

     

     

     

     

     

     

    <Grid x:Name="Root">

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">

     

     

     

     

     

     

    <GradientStop Color="#FFf8f4f3" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFeaeaec" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="#FFdcdcde" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="#FFc1c0c5" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Path Height="4" Width="8" Stretch="Uniform" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">

     

     

     

     

     

     

    <Path.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="-0.199,0.5" StartPoint="1.199,0.5" x:Name="ButtonColor">

     

     

     

     

     

     

    <GradientStop Color="#FF888888" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFcccccd" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Path.Fill>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">

     

     

     

     

     

     

    <Grid x:Name="Root">

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">

     

     

     

     

     

     

    <GradientStop Color="#FFf8f4f3" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFeaeaec" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="#FFdcdcde" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="#FFc1c0c5" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Path Height="4" Width="8" Stretch="Uniform" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">

     

     

     

     

     

     

    <Path.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="-0.199,0.5" StartPoint="1.199,0.5" x:Name="ButtonColor">

     

     

     

     

     

     

    <GradientStop Color="#FF888888" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFcccccd" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Path.Fill>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb">

     

     

     

     

     

     

    <Grid>

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Grid Margin="1,0,1,0" x:Name="ThumbVisual">

     

     

     

     

     

     

    <Rectangle x:Name="Background" Fill="#BDD0E2" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#f3f3f3" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">

     

     

     

     

     

     

    <GradientStop Color="White" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="White" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="White" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="White" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <StackPanel Height="5" HorizontalAlignment="Center" VerticalAlignment="Center">

     

     

     

     

     

     

    <Border Margin="0,0,0,2" x:Name="Line1" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0">

     

     

     

     

     

     

    <Border Margin="0,1,0,2" x:Name="Line2" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0">

     

     

     

     

     

     

    <Border Margin="0,1,0,2" x:Name="Line3" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0"/>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    </StackPanel>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    <ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb">

     

     

     

     

     

     

    <Grid>

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Pressed">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>

     

     

     

     

     

     

    <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Grid Margin="0,1,0,1" x:Name="ThumbVisual">

     

     

     

     

     

     

    <Rectangle x:Name="Background" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#f3f3f3" StrokeThickness="1" RadiusX="1" RadiusY="1">

     

     

     

     

     

     

    <Rectangle.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0,1">

     

     

     

     

     

     

    <GradientStop Color="#FFf8f4f3" Offset="0"/>

     

     

     

     

     

     

    <GradientStop Color="#FFeaeaec" Offset="0.49"/>

     

     

     

     

     

     

    <GradientStop Color="#FFdcdcde" Offset="0.5"/>

     

     

     

     

     

     

    <GradientStop Color="#FFc1c0c5" Offset="1"/>

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Rectangle.Fill>

     

     

     

     

     

     

    </Rectangle>

     

     

     

     

     

     

    <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line1" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0">

     

     

     

     

     

     

    <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line2" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0">

     

     

     

     

     

     

    <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line3" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0"/>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    </Grid.Resources>

     

     

     

     

     

     

    <vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <vsm:VisualStateGroup x:Name="CommonStates">

     

     

     

     

     

     

    <vsm:VisualState x:Name="Normal"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="MouseOver"/>

     

     

     

     

     

     

    <vsm:VisualState x:Name="Disabled">

     

     

     

     

     

     

    <Storyboard>

     

     

     

     

     

     

    <DoubleAnimation Duration="0" Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5"/>

     

     

     

     

     

     

    </Storyboard>

     

     

     

     

     

     

    </vsm:VisualState>

     

     

     

     

     

     

    </vsm:VisualStateGroup>

     

     

     

     

     

     

    </vsm:VisualStateManager.VisualStateGroups>

     

     

     

     

     

     

    <Grid x:Name="HorizontalRoot">

     

     

     

     

     

     

    <Grid.ColumnDefinitions>

     

     

     

     

     

     

    <ColumnDefinition Width="Auto"/>

     

     

     

     

     

     

    <ColumnDefinition Width="Auto"/>

     

     

     

     

     

     

    <ColumnDefinition Width="Auto"/>

     

     

     

     

     

     

    <ColumnDefinition Width="*"/>

     

     

     

     

     

     

    <ColumnDefinition Width="Auto"/>

     

     

     

     

     

     

    </Grid.ColumnDefinitions>

     

     

     

     

     

     

    <Rectangle Grid.ColumnSpan="5" Fill="#3d3d3d" Stroke="#383536" StrokeThickness="1" RadiusX="0" RadiusY="0"/>

     

     

     

     

     

     

    <RepeatButton Margin="1" x:Name="HorizontalSmallDecrease" Width="16" IsTabStop="False" Template="{StaticResource HorizontalDecrementTemplate}" Grid.Column="0" Interval="50"/>

     

     

     

     

     

     

    <RepeatButton x:Name="HorizontalLargeDecrease" Width="0" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="1" Interval="50"/>

     

     

     

     

     

     

    <Thumb MinWidth="18" x:Name="HorizontalThumb" Width="18" Background="{TemplateBinding Background}" Template="{StaticResource HorizontalThumbTemplate}" Grid.Column="2"/>

     

     

     

     

     

     

    <RepeatButton x:Name="HorizontalLargeIncrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="3" Interval="50"/>

     

     

     

     

     

     

    <RepeatButton Margin="1" x:Name="HorizontalSmallIncrease" Width="16" IsTabStop="False" Template="{StaticResource HorizontalIncrementTemplate}" Grid.Column="4" Interval="50"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    <Grid x:Name="VerticalRoot" Visibility="Collapsed">

     

     

     

     

     

     

    <Grid.RowDefinitions>

     

     

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

     

     

    <RowDefinition Height="*"/>

     

     

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

     

     

    </Grid.RowDefinitions>

     

     

     

     

     

     

    <Rectangle Grid.RowSpan="5" Fill="White" Stroke="#BDD0E2" StrokeThickness="1" RadiusX="0" RadiusY="0"/>

     

     

     

     

     

     

    <RepeatButton Height="16" Margin="1" x:Name="VerticalSmallDecrease" IsTabStop="False" Template="{StaticResource VerticalDecrementTemplate}" Grid.Row="0" Interval="50"/>

     

     

     

     

     

     

    <RepeatButton Height="0" x:Name="VerticalLargeDecrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="1" Interval="50"/>

     

     

     

     

     

     

    <Thumb Height="18" MinHeight="18" x:Name="VerticalThumb" Template="{StaticResource VerticalThumbTemplate}" Grid.Row="2"/>

     

     

     

     

     

     

    <RepeatButton x:Name="VerticalLargeIncrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="3" Interval="50"/>

     

     

     

     

     

     

    <RepeatButton Height="16" Margin="1" x:Name="VerticalSmallIncrease" IsTabStop="False" Template="{StaticResource VerticalIncrementTemplate}" Grid.Row="4" Interval="50"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    </Setter.Value>

     

     

     

     

     

     

    </Setter>

     

     

     

     

     

     

    </Style>

     

     

     

     

     

     

    <Style x:Key="System.Windows.Controls.ScrollViewer" TargetType="ScrollViewer">

     

     

     

     

     

     

    <Setter Property="HorizontalContentAlignment" Value="Left"/>

     

     

     

     

     

     

    <Setter Property="VerticalContentAlignment" Value="Top"/>

     

     

     

     

     

     

    <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>

     

     

     

     

     

     

    <Setter Property="Padding" Value="0"/>

     

     

     

     

     

     

    <Setter Property="BorderThickness" Value="0"/>

     

     

     

     

     

     

    <Setter Property="BorderBrush" Value="Transparent"/>

     

     

     

     

     

     

    <Setter Property="Background" Value="White"/>

     

     

     

     

     

     

    <Setter Property="Template">

     

     

     

     

     

     

    <Setter.Value>

     

     

     

     

     

     

    <ControlTemplate TargetType="ScrollViewer">

     

     

     

     

     

     

    <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0">

     

     

     

     

     

     

    <Grid Background="{TemplateBinding Background}">

     

     

     

     

     

     

    <Grid.RowDefinitions>

     

     

     

     

     

     

    <RowDefinition Height="*"/>

     

     

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

     

     

    </Grid.RowDefinitions>

     

     

     

     

     

     

    <Grid.ColumnDefinitions>

     

     

     

     

     

     

    <ColumnDefinition Width="*"/>

     

     

     

     

     

     

    <ColumnDefinition Width="Auto"/>

     

     

     

     

     

     

    </Grid.ColumnDefinitions>

     

     

     

     

     

     

    <ScrollContentPresenter CanHorizontallyScroll="True"

     

     

    Cursor="{TemplateBinding Cursor}"

     

     

    Margin="{TemplateBinding Padding}"

     

     

    x:Name="ScrollContentPresenter"

     

     

    ContentTemplate="{TemplateBinding ContentTemplate}"/>

     

     

     

     

     

     

    <Rectangle Grid.Column="1" Grid.Row="1" Fill="Transparent"/>

     

     

     

     

     

     

    <ScrollBar Margin="0,0,-1,-1" x:Name="VerticalScrollBar" Style="{StaticResource StyleScrollBar}" Width="16" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" IsTabStop="False" Grid.Column="1" Grid.Row="0" Orientation="Vertical" ViewportSize="{TemplateBinding ViewportHeight}" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Value="{TemplateBinding VerticalOffset}"/>

     

     

     

     

     

     

    <ScrollBar Height="16" Margin="0,-1,-1,-1" x:Name="HorizontalScrollBar" Style="{StaticResource StyleScrollBar}" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" IsTabStop="False" Grid.Column="0" Grid.Row="1" Orientation="Horizontal" ViewportSize="{TemplateBinding ViewportWidth}" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Value="{TemplateBinding HorizontalOffset}"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    </Setter.Value>

     

     

     

     

     

     

    </Setter>

     

     

     

     

     

     

    </Style>

     

     

     

     

     

     

    <Style x:Key="RadUploadStyle1" TargetType="telerik:RadUpload">

     

     

     

     

     

     

    <Setter Property="Filter" Value="All files (*.*)|*.*"/>

     

     

     

     

     

     

    <Setter Property="FilterIndex" Value="1"/>

     

     

     

     

     

     

    <Setter Property="IsMultiselect" Value="true"/>

     

     

     

     

     

     

    <Setter Property="BufferSize" Value="100000"/>

     

     

     

     

     

     

    <Setter Property="MaxFileSize" Value="-1"/>

     

     

     

     

     

     

    <Setter Property="MaxUploadSize" Value="-1"/>

     

     

     

     

     

     

    <Setter Property="MaxFileCount" Value="-1"/>

     

     

     

     

     

     

    <Setter Property="MinHeight" Value="80"/>

     

     

     

     

     

     

    <Setter Property="MinWidth" Value="250"/>

     

     

     

     

     

     

    <Setter Property="MaxHeight" Value="300"/>

     

     

     

     

     

     

    <Setter Property="Width" Value="400"/>

     

     

     

     

     

     

    <Setter Property="IsEnabled" Value="True"/>

     

     

     

     

     

     

    <Setter Property="IsPauseEnabled" Value="True"/>

     

     

     

     

     

     

    <Setter Property="Background" Value="{StaticResource ContentBackgroundBrush}"/>

     

     

     

     

     

     

    <Setter Property="BorderBrush" Value="{StaticResource BorderOuterBrush}"/>

     

     

     

     

     

     

    <Setter Property="BorderThickness" Value="1"/>

     

     

     

     

     

     

    <Setter Property="Template">

     

     

     

     

     

     

    <Setter.Value>

     

     

     

     

     

     

    <ControlTemplate TargetType="telerik:RadUpload">

     

     

     

     

     

     

    <Grid x:Name="RootElement">

     

     

     

     

     

     

    <Grid.RowDefinitions>

     

     

     

     

     

     

    <RowDefinition Height="auto"/>

     

     

     

     

     

     

    <RowDefinition Height="*"/>

     

     

     

     

     

     

    <RowDefinition Height="auto"/>

     

     

     

     

     

     

    <RowDefinition Height="auto"/>

     

     

     

     

     

     

    </Grid.RowDefinitions>

     

     

     

     

     

     

    <Border Grid.RowSpan="5"

     

     

    BorderBrush="{TemplateBinding BorderBrush}"

     

     

    BorderThickness="{TemplateBinding BorderThickness}">

     

     

     

     

     

     

    <Border Background="{TemplateBinding Background}"

     

     

    BorderBrush="{StaticResource BorderOuterColor}"

     

     

    BorderThickness="1"/>

     

     

     

     

     

     

    </Border>

     

     

     

     

     

     

    <TextBlock Margin="12,6" x:Name="ProgressCaptionText" Grid.Row="0" Foreground="{StaticResource HeaderForegroundBrush}" Text="Select Files To Upload"/>

     

     

     

     

     

     

    <ScrollViewer Margin="12,0,12,2" x:Name="ScrollViewer" Style="{StaticResource System.Windows.Controls.ScrollViewer}" BorderThickness="0" Grid.Row="1" VerticalScrollBarVisibility="Auto">

     

     

     

     

     

     

    <ItemsPresenter/>

     

     

     

     

     

     

    </ScrollViewer>

     

     

     

     

     

     

    <Grid Margin="0 2 0 2" x:Name="TotalProgressArea" Visibility="Collapsed" Grid.Row="2">

     

     

     

     

     

     

    <!--<telerik1:RadProgressBar Background="#BDD0E2" Height="27" Margin="3,0" MinHeight="20" x:Name="TotalProgressBar" Maximum="100" Minimum="0"/>-->

     

     

     

     

     

     

    <Grid VerticalAlignment="Center" >

     

     

     

     

     

     

    <TextBlock Margin="12, 5" FontWeight="Normal" Text="Total"/>

     

     

     

     

     

     

    <TextBlock HorizontalAlignment="Center" Margin="5" x:Name="TotalPercentText" FontWeight="Normal" Text="0%"/>

     

     

     

     

     

     

    <TextBlock HorizontalAlignment="Right" Margin="5,5,12,5" x:Name="TotalSizeText" FontWeight="Normal" Text="0"/>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    <StackPanel Background="#FFBDD0e2" Margin="5,5" VerticalAlignment="Bottom" Grid.Row="3" Orientation="Horizontal">

     

     

     

     

     

     

    <Button Margin="2" x:Name="BrowseButton" Content="Browse"/>

     

     

     

     

     

     

    <Button Margin="2" x:Name="PauseButton" Visibility="Collapsed" Content="Pause"/>

     

     

     

     

     

     

    <Button Margin="2" x:Name="UploadButton" Visibility="Collapsed" Content="Upload"/>

     

     

     

     

     

     

    <Button Margin="2" x:Name="CancelButton" Visibility="Collapsed" Content="Cancel"/>

     

     

     

     

     

     

    </StackPanel>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    </Setter.Value>

     

     

     

     

     

     

    </Setter>

     

     

     

     

     

     

    </Style>

     

     

     

     

     

     

     

     

     

     

    </telerik:RadUpload.Resources>

     

     

     

     

     

     

    <telerik:RadUpload.Style>

     

     

     

     

     

     

    <StaticResource ResourceKey="RadUploadStyle1"/>

     

     

     

     

     

     

    </telerik:RadUpload.Style>

     

     

     

     

     

     

    <telerik:RadUpload.ItemContainerStyle>

     

     

     

     

     

     

    <!--<Style TargetType="telerik:RadUploadItem">

     

    <Setter Property="Template">

    <Setter.Value>

    <ControlTemplate TargetType="telerik:RadUploadItem">

    <Grid Margin="0,5">

    <Grid.RowDefinitions>

    <RowDefinition Height="Auto" />

    <RowDefinition Height="Auto" />

    </Grid.RowDefinitions>

    <TextBox x:Name="CustomTag" Grid.Row="1" Text="Write some notes here"

    HorizontalAlignment="Stretch" Margin="9,0,1,1"/>

    <telerik1:RadProgressBar Height="25" MinHeight="20" x:Name="FileProgressBar"

    Minimum="0" Maximum="100">

    </telerik1:RadProgressBar>

    <TextBlock Text="{TemplateBinding FileName}" HorizontalAlignment="Left"

    VerticalAlignment="Center" Margin="10,0,0,0" TextWrapping="Wrap" />

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"

    VerticalAlignment="Center">

    <TextBlock Text="{TemplateBinding FileSize}" Margin="0,0,10,0"

    TextWrapping="NoWrap" VerticalAlignment="Center" />

    <Grid VerticalAlignment="Center" ShowGridLines="True" Height="25" >

    <Path VerticalAlignment="Center" x:Name="IconDelete"

    Margin="0,-4,10,0" Cursor="Hand" Stretch="Fill"

    Fill="#FF000000"

    Data="M5.0000001,0 L7,0 7,5 12,5 12,7 7,7 7,12 5.0000001,12 5.0000001,7 0,7 0,5 5.0000001,5 5.0000001,0 z"

    Width="12" Height="12">

    <Path.RenderTransform>

    <TransformGroup>

    <RotateTransform Angle="45" />

    </TransformGroup>

    </Path.RenderTransform>

    </Path>

    <Path VerticalAlignment="Center" x:Name="IconDone" Margin="0,0,10,0"

    Stretch="Fill" Visibility="Collapsed" Fill="#FF000000"

    Data="M719.90131,266.74252 L728,276.64667 L743.13574,254.96999 L727.96881,271.52853"

    Width="12" Height="12" />

    <Grid VerticalAlignment="Center" x:Name="IconError"

    Margin="0,0,10,0" Visibility="Collapsed" Width="14.6"

    Height="18">

    <Path Stretch="Fill"

    Stroke="#FFFFFFFF" Margin="0,1.786,0,3.288"

    Data="M577.89149,269.68195 L584.80031,257.78582 591.50111,269.64775 z">

    <Path.Fill>

    <LinearGradientBrush

    EndPoint="0.5,0" StartPoint="0.5,1">

    <GradientStop Color="#FFFFC600" Offset="0" />

    <GradientStop Color="#FFFDFF00" Offset="1" />

    </LinearGradientBrush>

    </Path.Fill>

    </Path>

    <TextBlock Margin="6,4,6,4" Width="Auto" Height="Auto"

    FontSize="8" FontWeight="Bold" Text="!"

    TextWrapping="Wrap" />

    </Grid>

    </Grid>

    </StackPanel>

    </Grid>

    </ControlTemplate>

    </Setter.Value>

    </Setter>

    </Style>-->

     

     

     

     

     

     

    <Style TargetType="telerik:RadUploadItem">

     

     

     

     

     

     

    <Setter Property="FontFamily" Value="Tahoma"></Setter>

     

     

     

     

     

     

    <Setter Property="FontSize" Value="11"></Setter>

     

     

     

     

     

     

    <Setter Property="Foreground" Value="#FFFFFFFF"></Setter>

     

     

     

    <Setter Property="Template">

     

     

     

     

     

     

    <Setter.Value>

     

     

     

     

     

     

    <ControlTemplate TargetType="telerik:RadUploadItem">

     

     

     

     

     

     

    <Grid Margin="0,5">

     

     

     

     

     

     

    <telerik1:RadProgressBar Background="#BDD0E2"

     

     

    Foreground="#132848" Height="25" MinHeight="20" Margin="-10,0,-10,0"

     

     

     

     

     

    x:Name="FileProgressBar" Minimum="10" Maximum="100" />

     

     

     

     

     

     

    <TextBlock Text="{TemplateBinding FileName}"

     

     

    HorizontalAlignment="Left" VerticalAlignment="Center"

     

     

     

     

     

    Margin="10,0,0,0" MaxWidth="220" TextWrapping="NoWrap" />

     

     

     

     

     

     

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"

     

     

     

     

     

    VerticalAlignment="Center">

     

     

     

     

     

     

    <TextBlock Text="{TemplateBinding FileSize}"

     

     

     

     

     

    Margin="0,0,10,0" TextWrapping="NoWrap"

     

     

     

     

     

    VerticalAlignment="Center" />

     

     

     

     

     

     

    <Grid VerticalAlignment="Center" ShowGridLines="True"

     

     

     

     

     

    Height="25">

     

     

     

     

     

     

    <Path VerticalAlignment="Center" x:Name="IconDelete"

     

     

     

     

     

    Margin="0,-4,10,0" Cursor="Hand" Stretch="Fill"

     

     

     

     

     

    Fill="#FFFFFFFF"

     

     

     

     

     

    Data="M5.0000001,0 L7,0 7,5 12,5 12,7 7,7 7,12 5.0000001,12 5.0000001,7 0,7 0,5 5.0000001,5 5.0000001,0 z"

     

     

     

     

     

    Width="12" Height="12">

     

     

     

     

     

     

    <Path.RenderTransform>

     

     

     

     

     

     

    <TransformGroup>

     

     

     

     

     

     

    <RotateTransform Angle="45" />

     

     

     

     

     

     

    </TransformGroup>

     

     

     

     

     

     

    </Path.RenderTransform>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <Path VerticalAlignment="Center" x:Name="IconDone"

     

     

     

     

     

    Margin="0,0,10,0" Stretch="Fill"

     

     

     

     

     

    Visibility="Visible"

     

     

     

     

     

    Data="M719.90128,266.74251 L728,276.64666 743.13573,254.96999"

     

     

     

     

     

    Width="12" Height="12" />

     

     

     

     

     

     

    <Grid VerticalAlignment="Center" x:Name="IconError"

     

     

     

     

     

    Margin="0,0,10,0" Visibility="Collapsed"

     

     

     

     

     

    Width="14.609" Height="17.97">

     

     

     

     

     

     

    <Path Stretch="Fill" Stroke="#FFFFFFFF"

     

     

     

     

     

    Margin="0,1.786,0,3.288"

     

     

     

     

     

    Data="M577.89149,269.68195 L584.80031,257.78582 591.50111,269.64775 z">

     

     

     

     

     

     

    <Path.Fill>

     

     

     

     

     

     

    <LinearGradientBrush EndPoint="0.5,0"

     

     

     

     

     

    StartPoint="0.5,1">

     

     

     

     

     

     

    <GradientStop Color="#FFFFC600"

     

     

     

     

     

    Offset="0" />

     

     

     

     

     

     

    <GradientStop Color="#FFFDFF00"

     

     

     

     

     

    Offset="1" />

     

     

     

     

     

     

    </LinearGradientBrush>

     

     

     

     

     

     

    </Path.Fill>

     

     

     

     

     

     

    </Path>

     

     

     

     

     

     

    <TextBlock Margin="6,4,6,4" Width="Auto"

     

     

     

     

     

    Height="Auto" FontSize="8" FontWeight="Bold"

     

     

     

     

     

    Text="!" TextWrapping="Wrap" />

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </StackPanel>

     

     

     

     

     

     

    </Grid>

     

     

     

     

     

     

    </ControlTemplate>

     

     

     

     

     

     

    </Setter.Value>

     

     

     

     

     

     

    </Setter>

     

     

     

     

     

     

    </Style>

     

     

     

     

     

     

    </telerik:RadUpload.ItemContainerStyle>

     

     

     

     

     

     

    </telerik:RadUpload>

     

     

     

     

     

     

     

     

     

    </Grid>

     

    </

     

    UserControl>

     

     

     

     

     

     

     


  2. Tihomir Petkov
    Admin
    Tihomir Petkov avatar
    576 posts

    Posted 16 Jul 2009 Link to this post

    Hello Anatoliy,

    I prepared a sample project for you that demonstrates how to edit the appearance of the RadProgressBar control. The appearance you want to avoid is part of the default control template, so you must edit the template to adjust it to your liking. In order to remove the white margin you wrote about simply edit the Stroke and/or StrokeThickness properties of the ProgressBarRootGradient element in the control template.

    Let me know if you have any difficulties.

    Kind regards,
    Tihomir Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Anatoliy Abbott
    Anatoliy Abbott avatar
    10 posts
    Member since:
    Jun 2012

    Posted 22 Jul 2009 Link to this post

    Hi!

    Thanks for the Example.

    It happened when I applied this example to my project I lost progress indicator visibility.
    It works but does not show progress indicator.

    Please help me to manage progress indicator in your example

    And tell your boss that you are good.

    My Best Regards!

    Anatoliy Abbott.

  5. Tihomir Petkov
    Admin
    Tihomir Petkov avatar
    576 posts

    Posted 22 Jul 2009 Link to this post

    Hi Anatoliy,

    If you don't see the progress indicator, the reason is most probably one of the following:

    - you are not updating RadProgressBar's Value property, in which case the value of the control will always be 0 and thus there will be no loading indicator visible
    - while customizing the default template you have somehow hidden or deleted the progress indicator visual element, e.g. by placing another visual element over it or deleting it altogether.

    Please check if you are not doing one of the above mistakes and let me know if the problem is somewhere else.

    Sincerely yours,
    Tihomir Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. Anatoliy Abbott
    Anatoliy Abbott avatar
    10 posts
    Member since:
    Jun 2012

    Posted 22 Jul 2009 Link to this post

    Hi! Tihomir.

    You are right.

    But I cannot manage it.

     

    When I change value from 0 to 2 it shoes indicator and stays there, 
    but I do not know how to manage the progress in my wpf codes.

    Can you please help me? I placed my codes in this post.

    I do not want to redo everything.

    Thanks, Tihomir.

    Anatoliy Abbott.

  7. Tihomir Petkov
    Admin
    Tihomir Petkov avatar
    576 posts

    Posted 22 Jul 2009 Link to this post

    Hello Anatoliy,

    The RadProgressBar control is designed to display the current progress of an operation, but it has absolutely no knowledge about that operation. It is the responsibility of the application that uses it to update the value of the control whenever the progress of the operation changes. So, what you have to do is update the value of the ProgressBar whenever the progress of your operation changes. Since you haven't sent any sample code, there is no way for me to know what your operation is and whether it is possible to track its progress. In the cases when you cannot track the progress of an operation and you only know when it is finished, you can use RadProgressBar's IsIndeterminate property. Please take a look at our online demos to see examples of how to use the control and if they don't help, send me some of your code so that I can try to help.


    Sincerely yours,
    Tihomir Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  8. Anatoliy Abbott
    Anatoliy Abbott avatar
    10 posts
    Member since:
    Jun 2012

    Posted 22 Jul 2009 Link to this post

    Hi! Tihomir.

    This is my codes.

    Thanks!

    <UserControl x:Class="SilverlightAppFirm3.Page"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="800" Height="175"
        xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
        xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
        xmlns:telerik1="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
        xmlns:Telerik_Windows_Controls_Primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls">

      <Grid HorizontalAlignment="Left" Background="#FFBDD0e2" VerticalAlignment="Top" x:Name="LayoutRoot">

      <Grid.RowDefinitions>
       <RowDefinition MaxHeight="200"  />
       
      </Grid.RowDefinitions>

      <Grid.ColumnDefinitions>
       <ColumnDefinition Width="400" />
       <ColumnDefinition Width="400" />
      </Grid.ColumnDefinitions>

       <telerik:RadUpload Grid.Row="0"
        Background="#FFBDD0e2"
              VerticalAlignment="Top"
              HorizontalAlignment="Left"
              IsDeleteEnabled="True" 
              IsMultiselect="True" 
              IsEnabled="True"   
              BufferSize="500000" 
              Grid.Column="0"
              x:Name="RadUpload1"
              Filter="(Files(*.*)|*.*"
        FilterIndex="0" 
        IsAutomaticUpload="False" 
        OverwriteExistingFiles="True"  
        MinHeight="175" MaxHeight="175"
        MinWidth="390" MaxWidth="390"
        UploadServiceUrl=""
        TargetFolder="~\Uploads"
        FileCountExceeded="RadUpload_FileCountExceeded"
        FilesSelected="RadUpload_FilesSelected"
        FileTooLarge="RadUpload_FileTooLarge"
        FileUploaded="RadUpload_FileUploaded"
        FileUploadFailed="RadUpload_FileUploadFailed"
        FileUploadStarting="RadUpload_FileUploadStarting"
        ProgressChanged="RadUpload_ProgressChanged"
        UploadCanceled="RadUpload_UploadCanceled"
        UploadFinished="RadUpload_UploadFinished"
        UploadPaused="RadUpload_UploadPaused"
        UploadResumed="RadUpload_UploadResumed"
        UploadSizeExceeded="RadUpload_UploadSizeExceeded"
        UploadStarted="RadUpload_UploadStarted" Width="392" >

        <telerik:RadUpload.Resources>
         <SolidColorBrush x:Key="ContentBackgroundBrush" Color="#FFBDD0e2"/>
         <SolidColorBrush x:Key="BorderOuterBrush" Color="#FFBDD0e2"/>
         <LinearGradientBrush x:Key="BorderOuterColor" EndPoint="0.714,1.292" StartPoint="0.318,0.068">
          <GradientStop Color="#FFBDD0e2" Offset="0.39079609253679837"/>
          <GradientStop Color="#FFBDD0e2" Offset="1"/>
         </LinearGradientBrush>
         <SolidColorBrush x:Key="HeaderForegroundBrush" Color="#FF000000"/>
         <Style x:Key="StyleScrollBar" TargetType="ScrollBar">
          <Setter Property="MinWidth" Value="17"/>
          <Setter Property="MinHeight" Value="17"/>
          <Setter Property="IsTabStop" Value="False"/>
          <Setter Property="Template">
           <Setter.Value>
            <ControlTemplate TargetType="ScrollBar">
             <Grid x:Name="Root">
              <Grid.Resources>
               <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                <Grid x:Name="Root" Background="#BDD0E2" >
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
                <Grid x:Name="Root">
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Rectangle x:Name="Background" Opacity="0" Fill="#BDD0E2" Stroke="#132848" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                  <Rectangle.Fill>
                   <LinearGradientBrush EndPoint="0,1">
                    <GradientStop Color="#FFf8f4f3" Offset="0"/>
                    <GradientStop Color="#FFeaeaec" Offset="0.49"/>
                    <GradientStop Color="#FFdcdcde" Offset="0.5"/>
                    <GradientStop Color="#FFc1c0c5" Offset="1"/>
                   </LinearGradientBrush>
                  </Rectangle.Fill>
                 </Rectangle>
                 <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Path Height="8" Width="4" Stretch="Uniform" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                  <Path.Fill>
                   <LinearGradientBrush EndPoint="0,1" x:Name="ButtonColor">
                    <GradientStop Color="#FF888888" Offset="0"/>
                    <GradientStop Color="#FFcccccd" Offset="1"/>
                   </LinearGradientBrush>
                  </Path.Fill>
                 </Path>
                 <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
                <Grid x:Name="Root">
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                  <Rectangle.Fill>
                   <LinearGradientBrush EndPoint="0,1">
                    <GradientStop Color="#FFf8f4f3" Offset="0"/>
                    <GradientStop Color="#FFeaeaec" Offset="0.49"/>
                    <GradientStop Color="#FFdcdcde" Offset="0.5"/>
                    <GradientStop Color="#FFc1c0c5" Offset="1"/>
                   </LinearGradientBrush>
                  </Rectangle.Fill>
                 </Rectangle>
                 <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Path Height="8" Width="4" Stretch="Uniform" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
                  <Path.Fill>
                   <LinearGradientBrush EndPoint="0,1" x:Name="ButtonColor">
                    <GradientStop Color="#FF888888" Offset="0"/>
                    <GradientStop Color="#FFcccccd" Offset="1"/>
                   </LinearGradientBrush>
                  </Path.Fill>
                 </Path>
                 <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">
                <Grid x:Name="Root">
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                  <Rectangle.Fill>
                   <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                    <GradientStop Color="#FFf8f4f3" Offset="0"/>
                    <GradientStop Color="#FFeaeaec" Offset="0.49"/>
                    <GradientStop Color="#FFdcdcde" Offset="0.5"/>
                    <GradientStop Color="#FFc1c0c5" Offset="1"/>
                   </LinearGradientBrush>
                  </Rectangle.Fill>
                 </Rectangle>
                 <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Path Height="4" Width="8" Stretch="Uniform" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z ">
                  <Path.Fill>
                   <LinearGradientBrush EndPoint="-0.199,0.5" StartPoint="1.199,0.5" x:Name="ButtonColor">
                    <GradientStop Color="#FF888888" Offset="0"/>
                    <GradientStop Color="#FFcccccd" Offset="1"/>
                   </LinearGradientBrush>
                  </Path.Fill>
                 </Path>
                 <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">
                <Grid x:Name="Root">
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity" To=".7"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                  <Rectangle.Fill>
                   <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                    <GradientStop Color="#FFf8f4f3" Offset="0"/>
                    <GradientStop Color="#FFeaeaec" Offset="0.49"/>
                    <GradientStop Color="#FFdcdcde" Offset="0.5"/>
                    <GradientStop Color="#FFc1c0c5" Offset="1"/>
                   </LinearGradientBrush>
                  </Rectangle.Fill>
                 </Rectangle>
                 <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 <Path Height="4" Width="8" Stretch="Uniform" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z ">
                  <Path.Fill>
                   <LinearGradientBrush EndPoint="-0.199,0.5" StartPoint="1.199,0.5" x:Name="ButtonColor">
                    <GradientStop Color="#FF888888" Offset="0"/>
                    <GradientStop Color="#FFcccccd" Offset="1"/>
                   </LinearGradientBrush>
                  </Path.Fill>
                 </Path>
                 <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="1" RadiusY="1"/>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb">
                <Grid>
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Grid Margin="1,0,1,0" x:Name="ThumbVisual">
                  <Rectangle x:Name="Background" Fill="#BDD0E2" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#f3f3f3" StrokeThickness="1" RadiusX="1" RadiusY="1">
                   <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                     <GradientStop Color="White" Offset="0"/>
                     <GradientStop Color="White" Offset="0.49"/>
                     <GradientStop Color="White" Offset="0.5"/>
                     <GradientStop Color="White" Offset="1"/>
                    </LinearGradientBrush>
                   </Rectangle.Fill>
                  </Rectangle>
                  <StackPanel Height="5" HorizontalAlignment="Center" VerticalAlignment="Center">
                   <Border Margin="0,0,0,2" x:Name="Line1" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0">
                    <Border Margin="0,1,0,2" x:Name="Line2" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0">
                     <Border Margin="0,1,0,2" x:Name="Line3" Width="7" BorderBrush="#787777" BorderThickness="0,1,0,0"/>
                    </Border>
                   </Border>
                  </StackPanel>
                  <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 </Grid>
                </Grid>
               </ControlTemplate>
               <ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb">
                <Grid>
                 <vsm:VisualStateManager.VisualStateGroups>
                  <vsm:VisualStateGroup x:Name="CommonStates">
                   <vsm:VisualState x:Name="Normal"/>
                   <vsm:VisualState x:Name="MouseOver">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee8c7"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfedda4"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfed798"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffc668"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Pressed">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity" To="1"/>
                     <DoubleAnimation Duration="0" Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)" To="1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#FFfee2c1"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#FFfec173"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#FFfdb349"/>
                     <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" To="#FFffa016"/>
                    </Storyboard>
                   </vsm:VisualState>
                   <vsm:VisualState x:Name="Disabled">
                    <Storyboard>
                     <DoubleAnimation Duration="0:0:0" Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity" To="0"/>
                    </Storyboard>
                   </vsm:VisualState>
                  </vsm:VisualStateGroup>
                 </vsm:VisualStateManager.VisualStateGroups>
                 <Grid Margin="0,1,0,1" x:Name="ThumbVisual">
                  <Rectangle x:Name="Background" Fill="#FF1F3B53" Stroke="#959595" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Stroke="#deb350" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle x:Name="BackgroundPressed" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                  <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#f3f3f3" StrokeThickness="1" RadiusX="1" RadiusY="1">
                   <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0,1">
                     <GradientStop Color="#FFf8f4f3" Offset="0"/>
                     <GradientStop Color="#FFeaeaec" Offset="0.49"/>
                     <GradientStop Color="#FFdcdcde" Offset="0.5"/>
                     <GradientStop Color="#FFc1c0c5" Offset="1"/>
                    </LinearGradientBrush>
                   </Rectangle.Fill>
                  </Rectangle>
                  <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line1" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0">
                   <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line2" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0">
                    <Border Height="7" HorizontalAlignment="Center" Margin="1,0,0,0" x:Name="Line3" VerticalAlignment="Center" BorderBrush="#787777" BorderThickness="1,0,0,0"/>
                   </Border>
                  </Border>
                  <Rectangle x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#b28d3f" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                 </Grid>
                </Grid>
               </ControlTemplate>
              </Grid.Resources>
              <vsm:VisualStateManager.VisualStateGroups>
               <vsm:VisualStateGroup x:Name="CommonStates">
                <vsm:VisualState x:Name="Normal"/>
                <vsm:VisualState x:Name="MouseOver"/>
                <vsm:VisualState x:Name="Disabled">
                 <Storyboard>
                  <DoubleAnimation Duration="0" Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0.5"/>
                 </Storyboard>
                </vsm:VisualState>
               </vsm:VisualStateGroup>
              </vsm:VisualStateManager.VisualStateGroups>
              <Grid x:Name="HorizontalRoot">
               <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
               </Grid.ColumnDefinitions>
               <Rectangle Grid.ColumnSpan="5" Fill="#3d3d3d" Stroke="#383536" StrokeThickness="1" RadiusX="0" RadiusY="0"/>
               <RepeatButton Margin="1" x:Name="HorizontalSmallDecrease" Width="16" IsTabStop="False" Template="{StaticResource HorizontalDecrementTemplate}" Grid.Column="0" Interval="50"/>
               <RepeatButton x:Name="HorizontalLargeDecrease" Width="0" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="1" Interval="50"/>
               <Thumb MinWidth="18" x:Name="HorizontalThumb" Width="18" Background="{TemplateBinding Background}" Template="{StaticResource HorizontalThumbTemplate}" Grid.Column="2"/>
               <RepeatButton x:Name="HorizontalLargeIncrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="3" Interval="50"/>
               <RepeatButton Margin="1" x:Name="HorizontalSmallIncrease" Width="16" IsTabStop="False" Template="{StaticResource HorizontalIncrementTemplate}" Grid.Column="4" Interval="50"/>
              </Grid>
              <Grid x:Name="VerticalRoot" Visibility="Collapsed">
               <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
               </Grid.RowDefinitions>
               <Rectangle Grid.RowSpan="5" Fill="White" Stroke="#BDD0E2" StrokeThickness="1" RadiusX="0" RadiusY="0"/>
               <RepeatButton Height="16" Margin="1" x:Name="VerticalSmallDecrease" IsTabStop="False" Template="{StaticResource VerticalDecrementTemplate}" Grid.Row="0" Interval="50"/>
               <RepeatButton Height="0" x:Name="VerticalLargeDecrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="1" Interval="50"/>
               <Thumb Height="18" MinHeight="18" x:Name="VerticalThumb" Template="{StaticResource VerticalThumbTemplate}" Grid.Row="2"/>
               <RepeatButton x:Name="VerticalLargeIncrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="3" Interval="50"/>
               <RepeatButton Height="16" Margin="1" x:Name="VerticalSmallIncrease" IsTabStop="False" Template="{StaticResource VerticalIncrementTemplate}" Grid.Row="4" Interval="50"/>
              </Grid>
             </Grid>
            </ControlTemplate>
           </Setter.Value>
          </Setter>
         </Style>
         <Style x:Key="System.Windows.Controls.ScrollViewer" TargetType="ScrollViewer">
          <Setter Property="HorizontalContentAlignment" Value="Left"/>
          <Setter Property="VerticalContentAlignment" Value="Top"/>
          <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
          <Setter Property="Padding" Value="0"/>
          <Setter Property="BorderThickness" Value="0"/>
          <Setter Property="BorderBrush" Value="Transparent"/>
          <Setter Property="Background" Value="White"/>
          <Setter Property="Template">
           <Setter.Value>
            <ControlTemplate TargetType="ScrollViewer">
             <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0">
              <Grid Background="{TemplateBinding Background}">
               <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
               </Grid.RowDefinitions>
               <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
               </Grid.ColumnDefinitions>
               <ScrollContentPresenter  CanHorizontallyScroll="True"
                                       Cursor="{TemplateBinding Cursor}"
                                       Margin="{TemplateBinding Padding}"
                                       x:Name="ScrollContentPresenter"  
                                       ContentTemplate="{TemplateBinding ContentTemplate}"/>
               <Rectangle Grid.Column="1" Grid.Row="1" Fill="Transparent"/>
               <ScrollBar Margin="0,0,-1,-1" x:Name="VerticalScrollBar" Style="{StaticResource StyleScrollBar}" Width="16" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" IsTabStop="False" Grid.Column="1" Grid.Row="0" Orientation="Vertical" ViewportSize="{TemplateBinding ViewportHeight}" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Value="{TemplateBinding VerticalOffset}"/>
               <ScrollBar Height="16" Margin="0,-1,-1,-1" x:Name="HorizontalScrollBar" Style="{StaticResource StyleScrollBar}" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" IsTabStop="False" Grid.Column="0" Grid.Row="1" Orientation="Horizontal" ViewportSize="{TemplateBinding ViewportWidth}" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Value="{TemplateBinding HorizontalOffset}"/>
              </Grid>
             </Border>
            </ControlTemplate>
           </Setter.Value>
          </Setter>
         </Style>
         <Style x:Key="RadUploadStyle1" TargetType="telerik:RadUpload">
          <Setter Property="Filter" Value="All files (*.*)|*.*"/>
          <Setter Property="FilterIndex" Value="1"/>
          <Setter Property="IsMultiselect" Value="true"/>
          <Setter Property="BufferSize" Value="100000"/>
          <Setter Property="MaxFileSize" Value="-1"/>
          <Setter Property="MaxUploadSize" Value="-1"/>
          <Setter Property="MaxFileCount" Value="-1"/>
          <Setter Property="MinHeight" Value="80"/>
          <Setter Property="MinWidth" Value="250"/>
          <Setter Property="MaxHeight" Value="300"/>
          <Setter Property="Width" Value="400"/>
          <Setter Property="IsEnabled" Value="True"/>
          <Setter Property="IsPauseEnabled" Value="True"/>
          <Setter Property="Background" Value="{StaticResource ContentBackgroundBrush}"/>
          <Setter Property="BorderBrush" Value="{StaticResource BorderOuterBrush}"/>
          <Setter Property="BorderThickness" Value="1"/>
          <Setter Property="Template">
           <Setter.Value>
            <ControlTemplate TargetType="telerik:RadUpload">
             <Grid x:Name="RootElement">
              <Grid.RowDefinitions>
               <RowDefinition Height="auto"/>
               <RowDefinition Height="*"/>
               <RowDefinition Height="auto"/>
               <RowDefinition Height="auto"/>
              </Grid.RowDefinitions>
              <Border Grid.RowSpan="5"
                   BorderBrush="{TemplateBinding BorderBrush}"
                   BorderThickness="{TemplateBinding BorderThickness}">
               <Border Background="{TemplateBinding Background}"
                BorderBrush="{StaticResource BorderOuterColor}"
                BorderThickness="1"/>
              </Border>
              <TextBlock Margin="12,6" x:Name="ProgressCaptionText" Grid.Row="0" Foreground="{StaticResource HeaderForegroundBrush}" Text="Select Files To Upload"/>
              <ScrollViewer Margin="12,0,12,2" x:Name="ScrollViewer" Style="{StaticResource System.Windows.Controls.ScrollViewer}" BorderThickness="0" Grid.Row="1" VerticalScrollBarVisibility="Auto">
               <ItemsPresenter/>
              </ScrollViewer>
              <Grid Margin="0 2 0 2" x:Name="TotalProgressArea" Visibility="Collapsed" Grid.Row="2">
               <!--<telerik1:RadProgressBar Background="#BDD0E2"  Height="27" Margin="3,0" MinHeight="20" x:Name="TotalProgressBar" Maximum="100" Minimum="0"/>-->
               <Grid VerticalAlignment="Center"  >
                <TextBlock Margin="12, 5" FontWeight="Normal" Text="Total"/>
                <TextBlock HorizontalAlignment="Center" Margin="5" x:Name="TotalPercentText" FontWeight="Normal" Text="0%"/>
                <TextBlock HorizontalAlignment="Right" Margin="5,5,12,5" x:Name="TotalSizeText" FontWeight="Normal" Text="0"/>
               </Grid>
              </Grid>
              <StackPanel Background="#FFBDD0e2" Margin="5,5" VerticalAlignment="Bottom" Grid.Row="3" Orientation="Horizontal">
               <Button Margin="2" x:Name="BrowseButton"  Content="Browse"/>
               <Button Margin="2" x:Name="PauseButton"  Visibility="Collapsed" Content="Pause"/>
               <Button Margin="2" x:Name="UploadButton"  Visibility="Collapsed" Content="Upload"/>
               <Button Margin="2" x:Name="CancelButton"  Visibility="Collapsed" Content="Cancel"/>
              </StackPanel>
             </Grid>
            </ControlTemplate>
           </Setter.Value>
          </Setter>
         </Style>
         
         
         
         
        </telerik:RadUpload.Resources>
        <telerik:RadUpload.Style>
         <StaticResource ResourceKey="RadUploadStyle1"/>
        </telerik:RadUpload.Style>

       <telerik:RadUpload.ItemContainerStyle>
        <!--<Style TargetType="telerik:RadUploadItem">
         <Setter Property="Template">
          <Setter.Value>
           <ControlTemplate TargetType="telerik:RadUploadItem">
            <Grid Margin="0,5">
             <Grid.RowDefinitions>
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
             </Grid.RowDefinitions>
             <TextBox x:Name="CustomTag" Grid.Row="1" Text="Write some notes here"
                HorizontalAlignment="Stretch" Margin="9,0,1,1"/>
             <telerik1:RadProgressBar Height="25" MinHeight="20" x:Name="FileProgressBar"
               Minimum="0" Maximum="100">
             </telerik1:RadProgressBar>
             <TextBlock Text="{TemplateBinding FileName}" HorizontalAlignment="Left"
               VerticalAlignment="Center" Margin="10,0,0,0" TextWrapping="Wrap" />
             <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"
               VerticalAlignment="Center">
              <TextBlock Text="{TemplateBinding FileSize}" Margin="0,0,10,0"
                TextWrapping="NoWrap" VerticalAlignment="Center" />
              <Grid VerticalAlignment="Center" ShowGridLines="True" Height="25" >
               <Path VerticalAlignment="Center" x:Name="IconDelete"
                 Margin="0,-4,10,0" Cursor="Hand" Stretch="Fill"
                 Fill="#FF000000"
                 Data="M5.0000001,0 L7,0 7,5 12,5 12,7 7,7 7,12 5.0000001,12 5.0000001,7 0,7 0,5 5.0000001,5 5.0000001,0 z"
                 Width="12" Height="12">
                <Path.RenderTransform>
                 <TransformGroup>
                  <RotateTransform Angle="45" />
                 </TransformGroup>
                </Path.RenderTransform>
               </Path>
               <Path VerticalAlignment="Center" x:Name="IconDone" Margin="0,0,10,0"
                 Stretch="Fill" Visibility="Collapsed" Fill="#FF000000"
                 Data="M719.90131,266.74252 L728,276.64667 L743.13574,254.96999 L727.96881,271.52853"
                 Width="12" Height="12" />

               <Grid VerticalAlignment="Center" x:Name="IconError"
                 Margin="0,0,10,0" Visibility="Collapsed" Width="14.6"
                 Height="18">
                <Path Stretch="Fill"
                  Stroke="#FFFFFFFF" Margin="0,1.786,0,3.288"
                  Data="M577.89149,269.68195 L584.80031,257.78582 591.50111,269.64775 z">
                 <Path.Fill>
                  <LinearGradientBrush
                    EndPoint="0.5,0" StartPoint="0.5,1">
                   <GradientStop Color="#FFFFC600" Offset="0" />
                   <GradientStop Color="#FFFDFF00" Offset="1" />
                  </LinearGradientBrush>
                 </Path.Fill>
                </Path>
                <TextBlock Margin="6,4,6,4" Width="Auto" Height="Auto"
                  FontSize="8" FontWeight="Bold" Text="!"
                  TextWrapping="Wrap" />
               </Grid>
              </Grid>
             </StackPanel>
            </Grid>
           </ControlTemplate>
          </Setter.Value>
         </Setter>
        </Style>-->

        <Style TargetType="telerik:RadUploadItem">
         <Setter Property="FontFamily" Value="Tahoma"></Setter>
         <Setter Property="FontSize" Value="11"></Setter>
         <Setter Property="Foreground" Value="#FFFFFFFF"></Setter>     
         <Setter Property="Template">
          <Setter.Value>
           <ControlTemplate TargetType="telerik:RadUploadItem">
            <Grid Margin="0,5">
             <telerik1:RadProgressBar Background="#BDD0E2"
               Foreground="#132848" Height="25" MinHeight="20" Margin="0,0,0,0"
               x:Name="FileProgressBar" Minimum="0" Maximum="100" />
             <TextBlock Text="{TemplateBinding FileName}"
               HorizontalAlignment="Left" VerticalAlignment="Center"
               Margin="10,0,0,0" MaxWidth="220" TextWrapping="NoWrap" />
             <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"
               VerticalAlignment="Center">
              <TextBlock Text="{TemplateBinding FileSize}"
                Margin="0,0,10,0" TextWrapping="NoWrap"
                VerticalAlignment="Center" />
              <Grid VerticalAlignment="Center" ShowGridLines="True"
                Height="25">
               <Path VerticalAlignment="Center" x:Name="IconDelete"
                 Margin="0,-4,10,0" Cursor="Hand" Stretch="Fill"
                 Fill="#FFFFFFFF"
                 Data="M5.0000001,0 L7,0 7,5 12,5 12,7 7,7 7,12 5.0000001,12 5.0000001,7 0,7 0,5 5.0000001,5 5.0000001,0 z"
                 Width="12" Height="12">
                <Path.RenderTransform>
                 <TransformGroup>
                  <RotateTransform Angle="45" />
                 </TransformGroup>
                </Path.RenderTransform>
               </Path>
               <Path VerticalAlignment="Center" x:Name="IconDone"
                 Margin="0,0,10,0" Stretch="Fill"
                 Visibility="Visible"
                 Data="M719.90128,266.74251 L728,276.64666 743.13573,254.96999"
                 Width="12" Height="12" />
               <Grid VerticalAlignment="Center" x:Name="IconError"
                 Margin="0,0,10,0" Visibility="Collapsed"
                 Width="14.609" Height="17.97">
                <Path Stretch="Fill" Stroke="#FFFFFFFF"
                  Margin="0,1.786,0,3.288"
                  Data="M577.89149,269.68195 L584.80031,257.78582 591.50111,269.64775 z">
                 <Path.Fill>
                  <LinearGradientBrush EndPoint="0.5,0"
                    StartPoint="0.5,1">
                   <GradientStop Color="#FFFFC600"
                     Offset="0" />
                   <GradientStop Color="#FFFDFF00"
                     Offset="1" />
                  </LinearGradientBrush>
                 </Path.Fill>
                </Path>
                <TextBlock Margin="6,4,6,4" Width="Auto"
                  Height="Auto" FontSize="8" FontWeight="Bold"
                  Text="!" TextWrapping="Wrap" />
               </Grid>
              </Grid>
             </StackPanel>
            </Grid>
           </ControlTemplate>
          </Setter.Value>
         </Setter>
        </Style>

       </telerik:RadUpload.ItemContainerStyle>

      </telerik:RadUpload>
        
      </Grid>

    </UserControl>





  9. Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 27 Jul 2009 Link to this post

    Hello Anatoliy Abbott,

    Please find your project with an example.

    I hope this will help you.

    Kind regards,
    Dimitrina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top
UI for WPF is Visual Studio 2017 Ready