Rad Upload Control theme style problem area

2 posts, 0 answers
  1. JJ Loubser
    JJ Loubser avatar
    42 posts
    Member since:
    Jul 2009

    Posted 12 Jul 2011 Link to this post

    want to reduce the size in the marked area in the pic:

    <radupload.png>

    please help me do not know where in the style this area is located.

    Here is my style copied and customized from telerik theme:

    <LinearGradientBrush x:Key="Upload_Background"    EndPoint=".7,1" StartPoint=".7,0">
            <GradientStop Color="#FFF8E3B8"/>
            <GradientStop Color="#FFF8E3B8" Offset="0.375"/>
            <GradientStop Color="#FFF8E3B8" Offset="0.384"/>
            <GradientStop Color="#FFF8E3B8" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="Upload_OuterBorder" Color="#FFD08F00" />
        <CornerRadius x:Key="Upload_OuterCornerRadius">3</CornerRadius>
        <Thickness x:Key="ControlInnerBorder_Thickness">1</Thickness>
        <SolidColorBrush x:Key="Upload_InnerBorder" Color="#880C0B0B" />
        <CornerRadius x:Key="Upload_InnerCornerRadius">2</CornerRadius>
        <LinearGradientBrush x:Key="ControlHeader_Background" EndPoint=".7,1" StartPoint=".7,0">
            <GradientStop Color="#880C0B0B"/>
            <GradientStop Color="#88020202" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlHeader_OuterBorderBrush" Color="#880C0B0B" />
        <LinearGradientBrush x:Key="ControlHeader_InnerBorderBrush"   EndPoint=".7,1" StartPoint=".7,0">
            <GradientStop Color="#FFF8E3B8"/>
            <GradientStop Color="#FFF8E3B8" Offset="0.375"/>
            <GradientStop Color="#FFF8E3B8" Offset="0.384"/>
            <GradientStop Color="#FFF8E3B8" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlHeader_Foreground" Color="#FFFFFFFF" />
        <SolidColorBrush x:Key="Upload_BottomPartBorder" Color="#880C0B0B" />
        <Thickness x:Key="Upload_BottomPartBorder_Thickness">0 1 0 0</Thickness>
        <SolidColorBrush x:Key="Upload_BottomPartBackground" Color="#880C0B0B" />
        <SolidColorBrush x:Key="Upload_BottomPartInnerBorder" Color="#880C0B0B" />
        <Thickness x:Key="Upload_BottomPartInnerBorder_Thickness">0 1 0 0</Thickness>
        <!--<SolidColorBrush x:Key="ControlOuterBorder_Highlighted" Color="#880C0B0B" />-->


        <Style TargetType="telerik:RadUpload">
            <Setter Property="MinHeight" Value="175"></Setter>
            <Setter Property="MinWidth" Value="350"></Setter>
            <Setter Property="MaxHeight" Value="300"></Setter>
            <Setter Property="Width" Value="400"></Setter>
            <Setter Property="IsEnabled" Value="True"></Setter>
            <Setter Property="Background" Value="{StaticResource Upload_Background}" />
            <Setter Property="BorderBrush" Value="{StaticResource Upload_OuterBorder}" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadUpload">
                        <!-- Upload background decorations -->
                        <Border Grid.RowSpan="4" BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                CornerRadius="{StaticResource Upload_OuterCornerRadius}">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="UploadingStates">
                                    <VisualState x:Name="Initial">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="SelectedFiles">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="SelectedMoreFiles">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames  Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="(telerik:LocalizationManager.ResourceKey)">
                                                <DiscreteObjectKeyFrame Value="UploadBrowseAppend" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="Uploading">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="UploadingPause">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Content">
                                                <DiscreteObjectKeyFrame Value="Pause" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="Paused">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Content">
                                                <DiscreteObjectKeyFrame Value="Resume" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="Uploaded">
                                        <Storyboard >
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                    <VisualState x:Name="Dismissed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BrowseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="CancelButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="PauseButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="UploadButton" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Collapsed" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames  Storyboard.TargetName="ProgressArea" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame Value="Visible" KeyTime="00:00:00"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>

                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border BorderThickness="{StaticResource ControlInnerBorder_Thickness}"
                                    BorderBrush="{StaticResource Upload_InnerBorder}"
                                    CornerRadius="{StaticResource Upload_InnerCornerRadius}">
                                <Grid x:Name="RootElement">
                                    <Grid.RowDefinitions>
                                        <!-- Caption -->
                                        <RowDefinition Height="auto"></RowDefinition>

                                        <!-- Selected Files area -->
                                        <RowDefinition Height="*"></RowDefinition>

                                        <!-- Total Progress -->
                                        <RowDefinition Height="auto"></RowDefinition>

                                        <!-- Command buttons -->
                                        <RowDefinition Height="auto"></RowDefinition>
                                    </Grid.RowDefinitions>

                                    <!-- Header Row -->
                                    <Border Background="{StaticResource ControlHeader_Background}"
                                            BorderBrush="{StaticResource ControlHeader_OuterBorderBrush}"
                                            BorderThickness="1" Margin="-1 -1 -1 0" >
                                        <Border BorderBrush="{StaticResource ControlHeader_InnerBorderBrush}"
                                                BorderThickness="1"/>
                                    </Border>

                                    <!-- header text -->
                                    <TextBlock  Margin="12,7,12,6"
                                            Text="{TemplateBinding CaptionText}"
                                            Foreground="{StaticResource ControlHeader_Foreground}" />

                                    <!-- error icon -->
                                    <ContentControl ToolTipService.ToolTip="{TemplateBinding ErrorMessage}"
                                    Visibility="{TemplateBinding ErrorIconVisibility}" VerticalAlignment="Center"  HorizontalAlignment="Right">
                                        <ContentControl.Template>
                                            <ControlTemplate TargetType="ContentControl" >
                                                <Grid Margin="0,0,10,0"
                                                      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 Text="!" Margin="6,4,6,4" Width="Auto" Height="Auto"
                                            TextWrapping="Wrap" FontSize="8" FontWeight="Bold" />
                                                </Grid>
                                            </ControlTemplate>
                                        </ContentControl.Template>
                                    </ContentControl>

                                    <!-- Selected files container -->
                                    <Border Background="{TemplateBinding Background}" Grid.Row="1" Grid.RowSpan="2" />

                                    <ScrollViewer Grid.Row="1" Margin="12,8" x:Name="ScrollViewer"
                                            telerik:StyleManager.Theme="{StaticResource Theme}"
                                            BorderThickness="0" VerticalScrollBarVisibility="Auto">
                                        <ItemsPresenter />
                                    </ScrollViewer>

                                    <!-- Total Progress area -->
                                    <Grid Visibility="Collapsed"
                                          x:Name="ProgressArea"
                                          Grid.Row="2"
                                            Margin="0 10 0 10">

                                        <telerik:RadProgressBar MinHeight="20"
                                                                Background="Transparent"
                                                                Value="{TemplateBinding ProgressValue}"
                                                Height="27" Minimum="0" Maximum="100" Margin="5,0" />

                                        <Grid VerticalAlignment="Center">
                                            <TextBlock x:Name="TotalText" Margin="12, 5" Text="Total"
                                                    FontWeight="Bold"
                                                    telerik:LocalizationManager.ResourceKey="UploadTotal" />
                                            <TextBlock FontWeight="Bold"
                                                    Margin="5" HorizontalAlignment="Center" Text="{TemplateBinding TotalPercent}" />
                                            <TextBlock FontWeight="Bold"
                                                    Margin="5,5,12,5" HorizontalAlignment="Right"
                                                    Text="{TemplateBinding TotalSize}" />
                                        </Grid>
                                    </Grid>

                                    <!-- Command buttons -->
                                    <Border Grid.Row="3" BorderBrush="{StaticResource Upload_BottomPartBorder}"
                                            BorderThickness="{StaticResource Upload_BottomPartBorder_Thickness}"
                                            Background="{StaticResource Upload_BottomPartBackground}">
                                        <Border BorderBrush="{StaticResource Upload_BottomPartInnerBorder}"
                                                BorderThickness="{StaticResource Upload_BottomPartInnerBorder_Thickness}">
                                            <StackPanel Orientation="Horizontal" VerticalAlignment="Center"
                                                    HorizontalAlignment="Right" Margin="3">
                                                <telerik:RadButton telerik:StyleManager.Theme="{StaticResource Theme}"
                                                        Margin="5" Padding="15 3" x:Name="CancelButton"
                                                        Content="Cancel"
                                                        Command="{TemplateBinding CancelCommand}"
                                                        telerik:LocalizationManager.ResourceKey="UploadCancel"
                                                        Visibility="Collapsed" />
                                                <telerik:RadButton
                                                        telerik:StyleManager.Theme="{StaticResource Theme}"
                                                        Margin="5" Padding="15 3" x:Name="UploadButton"
                                                        Content="Upload"
                                                        Command="{TemplateBinding UploadCommand}"
                                                        telerik:LocalizationManager.ResourceKey="UploadUpload"
                                                        Visibility="Collapsed" />
                                                <telerik:RadButton
                                                        telerik:StyleManager.Theme="{StaticResource Theme}"
                                                        Margin="5" Padding="15 3" x:Name="PauseButton"
                                                        Content="Pause"
                                                        Command="{TemplateBinding PauseCommand}"
                                                        telerik:LocalizationManager.ResourceKey="UploadPause"
                                                        Visibility="Collapsed" />
                                                <telerik:RadButton
                                                        telerik:StyleManager.Theme="{StaticResource Theme}"
                                                        Margin="5" Padding="15 3" x:Name="BrowseButton"
                                                        Visibility="Collapsed"
                                                        Content="Browse"
                                                        telerik:LocalizationManager.ResourceKey="UploadBrowse" />
                                            </StackPanel>
                                        </Border>
                                    </Border>
                                </Grid>
                            </Border>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="telerik:RadUploadItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadUploadItem">
                        <Grid Margin="0,5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To=".35" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverBackground"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FileProgressBar"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected"/>
                                    <VisualState x:Name="Selected">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To=".65" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="SelectedBackground"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid Visibility="{TemplateBinding SelectionVisibility}"  Grid.ColumnSpan="2">
                                <Rectangle x:Name="MouseOverBackground" Fill="{StaticResource ControlOuterBorder_Highlighted}" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1"/>
                                <Rectangle x:Name="SelectedBackground" Fill="{StaticResource ControlOuterBorder_Highlighted}" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1"/>
                            </Grid>

                            <telerik:RadProgressBar Height="25" MinHeight="20" x:Name="FileProgressBar" Background="Transparent"
                                    Minimum="0" Maximum="{TemplateBinding MaximumProgressValue}"
                                                    Value="{TemplateBinding ProgressValue}"
                                                    Grid.ColumnSpan="2"
                                                    />
                            <TextBlock Text="{TemplateBinding FileName}" HorizontalAlignment="Left"
                                    VerticalAlignment="Center" Margin="10 0 0 0" TextWrapping="NoWrap"
                                    Grid.Column="0" />

                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"
                                    VerticalAlignment="Center" Grid.Column="1">

                                <TextBlock Text="{TemplateBinding FileSize}" Margin="8,0,10,0"
                                        TextWrapping="NoWrap" VerticalAlignment="Center" />

                                <telerik:RadButton ToolTipService.ToolTip="{TemplateBinding ErrorMessage}"
                                    Visibility="{TemplateBinding ErrorIconVisibility}" Command="{TemplateBinding UpdateCommand}"
                                    >
                                    <ContentControl.Template>
                                        <ControlTemplate TargetType="telerik:RadButton" >
                                            <Grid VerticalAlignment="Center"  
                  Margin="0,0,10,0"
                  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 Text="!" Margin="6,4,6,4" Width="Auto" Height="Auto"
                                            TextWrapping="Wrap" FontSize="8" FontWeight="Bold" />
                                            </Grid>
                                        </ControlTemplate>
                                    </ContentControl.Template>
                                </telerik:RadButton>

                                <telerik:RadButton
                                    Command="{TemplateBinding DeleteCommand}"
                                    Visibility="{TemplateBinding DeleteButtonVisibility}"
                                    Margin="0,0,7,0">
                                    <telerik:RadButton.Template>
                                        <ControlTemplate TargetType="telerik:RadButton">
                                            <Grid Background="Transparent" Cursor="Hand">
                                                <Path VerticalAlignment="Center" x:Name="IconDelete"
                                         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" RenderTransformOrigin="0.5,0.5">
                                                    <Path.RenderTransform>
                                                        <TransformGroup>
                                                            <RotateTransform Angle="45" />
                                                        </TransformGroup>
                                                    </Path.RenderTransform>
                                                </Path>
                                            </Grid>
                                        </ControlTemplate>

                                    </telerik:RadButton.Template>
                                </telerik:RadButton>
                            </StackPanel>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="telerik:RadUploadDropPanel">
           
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadUploadDropPanel">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter
                                    Cursor="{TemplateBinding Cursor}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
  2. JJ Loubser
    JJ Loubser avatar
    42 posts
    Member since:
    Jul 2009

    Posted 12 Jul 2011 Link to this post

    false alarm was a mistake in the <telerik:RadUpload MaxWidth="350"
    Background="#880C0B0B" BorderThickness="5,1,1,1" .../> blend put it there by my mistake lol
  3. DevCraft banner
Back to Top