This is a migrated thread and some comments may be shown as answers.

Rad Upload Control theme style problem area

1 Answer 65 Views
Upload
This is a migrated thread and some comments may be shown as answers.
JJ Loubser
Top achievements
Rank 1
JJ Loubser asked on 12 Jul 2011, 01:12 PM
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>

1 Answer, 1 is accepted

Sort by
0
JJ Loubser
Top achievements
Rank 1
answered on 12 Jul 2011, 01:22 PM
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
Tags
Upload
Asked by
JJ Loubser
Top achievements
Rank 1
Answers by
JJ Loubser
Top achievements
Rank 1
Share this question
or