1046 строки
77 KiB
XML
1046 строки
77 KiB
XML
<Page
|
|
x:Class="Common.ControlsHome"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:Common" Loaded="Page_Loaded"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
mc:Ignorable="d"
|
|
xmlns:layout="using:Syncfusion.UI.Xaml.Controls.Layout"
|
|
|
|
xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input"
|
|
xmlns:drawer="using:Syncfusion.UI.Xaml.NavigationDrawer"
|
|
>
|
|
<Page.Resources>
|
|
<SolidColorBrush x:Key="SfAccordionbackground">#FFE7E7EC</SolidColorBrush>
|
|
<SolidColorBrush x:Key="SearchTextBoxBackground">#FFF1F2F6</SolidColorBrush>
|
|
<SolidColorBrush x:Key="AccentBrush">#FF45ADEB</SolidColorBrush>
|
|
<SolidColorBrush x:Key="selectedForeground">#FFFFFFFF</SolidColorBrush>
|
|
<SolidColorBrush x:Key="UnselectedBackground">#FF636363</SolidColorBrush>
|
|
<SolidColorBrush x:Key="PointerOverBackground">#FFA5A5A5</SolidColorBrush>
|
|
<SolidColorBrush x:Key="CommonPointerOverBackground">#FFD3D3D3</SolidColorBrush>
|
|
<Style x:Key="DefaultSfTextBoxExtStyle" TargetType="input:SfTextBoxExt">
|
|
<Setter Property="MinHeight" Value="{StaticResource TextControlThemeMinHeight}"/>
|
|
<Setter Property="MinWidth" Value="{StaticResource TextControlThemeMinWidth}"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextBoxForegroundThemeBrush}"/>
|
|
<Setter Property="Background" Value="{StaticResource TextBoxBackgroundThemeBrush}"/>
|
|
<Setter Property="BorderBrush" Value="{StaticResource TextBoxBorderThemeBrush}"/>
|
|
<Setter Property="BorderThickness" Value="{StaticResource TextControlBorderThemeThickness}"/>
|
|
<Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
|
|
<Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/>
|
|
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
|
|
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
|
|
<Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
|
|
<Setter Property="Padding" Value="{StaticResource TextControlThemePadding}"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="input:SfTextBoxExt">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledBackgroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="BorderElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledBorderThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="PART_Watermark">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Normal">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlBackgroundThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundElement"/>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlBorderThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BorderElement"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="PointerOver">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlPointerOverBackgroundThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundElement"/>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlPointerOverBorderThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BorderElement"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Focused">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PlaceholderTextContentPresenter"/>
|
|
<!--<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxFocusedBackgroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>-->
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="PopupStates">
|
|
<VisualState x:Name="TopLight">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2 2 2 0"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="BottomLight">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2 0 2 2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="TopDark">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="BottomDark">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="ErrorStates">
|
|
<VisualState x:Name="HasError">
|
|
|
|
</VisualState>
|
|
<VisualState x:Name="NoError"/>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Grid Grid.Row="1">
|
|
<Popup IsOpen="{TemplateBinding IsSuggestionOpen}" x:Name="PART_Popup"
|
|
>
|
|
<Grid Background="White">
|
|
|
|
<input:SuggestionBox x:Name="PART_SuggestionBox" ItemsSource="{TemplateBinding Suggestions}"
|
|
MaxHeight="{TemplateBinding MaxDropDownHeight}" Background="White"
|
|
ScrollViewer.VerticalScrollBarVisibility="Auto" ItemContainerStyle="{StaticResource ListBoxItemStyle1}"
|
|
SelectedIndex="{Binding SuggestionIndex, Mode=TwoWay,
|
|
RelativeSource={RelativeSource Mode=TemplatedParent}}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"/>
|
|
</Grid>
|
|
</Popup>
|
|
</Grid>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Border x:Name="BackgroundElement" Background="{TemplateBinding Background}" Margin="{TemplateBinding BorderThickness}" Grid.Row="1"/>
|
|
<Border x:Name="BorderElement" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.Row="1"/>
|
|
<ContentControl x:Name="PART_Watermark" IsTabStop="False" Content="{TemplateBinding Watermark}" ContentTemplate="{TemplateBinding WatermarkTemplate}" ContentTemplateSelector="{TemplateBinding WatermarkTemplateSelector}" Margin="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/>
|
|
<ScrollViewer x:Name="ContentElement" AutomationProperties.AccessibilityView="Raw" HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}" HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" IsTabStop="False" IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}" IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}" IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}" Margin="{TemplateBinding BorderThickness}" MinHeight="{ThemeResource TextControlThemeMinHeight}" Padding="{TemplateBinding Padding}" Grid.Row="1" VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}" ZoomMode="Disabled"/>
|
|
<ContentControl x:Name="PlaceholderTextContentPresenter" Content="{TemplateBinding PlaceholderText}" Foreground="{ThemeResource TextBoxPlaceholderTextThemeBrush}" FontSize="{ThemeResource ContentControlFontSize}" IsTabStop="False" Margin="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" Grid.Row="1"/>
|
|
</Grid>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<!-- SuggestionBox Item Style-->
|
|
<Style x:Key="ListBoxItemStyle1" TargetType="ListBoxItem">
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="TabNavigation" Value="Local"/>
|
|
<Setter Property="FontSize" Value="20"/>
|
|
<Setter Property="Padding" Value="8,10"/>
|
|
<Setter Property="HorizontalContentAlignment" Value="Left"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ListBoxItem">
|
|
<Border x:Name="LayoutRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal"/>
|
|
<VisualState x:Name="PointerOver">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="InnerGrid">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SystemControlHighlightListLowBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Grid x:Name="InnerGrid" >
|
|
<ContentControl x:Name="ContentPresenter" >
|
|
<Grid>
|
|
<StackPanel Orientation="Vertical" Margin="20,5,20,5" >
|
|
<TextBlock x:Name="Header" FontSize="15" Text="{Binding Path=SampleName}" />
|
|
<TextBlock x:Name="CategoryName" FontSize="10" Foreground="DimGray" Text="{Binding Path=ProductName}" />
|
|
</StackPanel>
|
|
</Grid>
|
|
</ContentControl>
|
|
</Grid>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
<!-- ListBox Style-->
|
|
|
|
<SolidColorBrush x:Key="NormalBackground">#FFE6E6E6</SolidColorBrush>
|
|
|
|
<SolidColorBrush x:Key="CollapsedStroke">#FF545454</SolidColorBrush>
|
|
|
|
<SolidColorBrush x:Key="ExpandedStroke">#FF545454</SolidColorBrush>
|
|
|
|
|
|
<Style TargetType="layout:LayoutTransformer" x:Key="layoutStyle">
|
|
<Setter Property="Foreground" Value="#FF000000"/>
|
|
<Setter Property="FontFamily" Value="Segoe UI Symbol"/>
|
|
<Setter Property="FontWeight" Value="Normal"/>
|
|
<Setter Property="FontSize" Value="16"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="layout:LayoutTransformer">
|
|
<Grid x:Name="TransformRoot" Background="{TemplateBinding Background}">
|
|
<ContentPresenter
|
|
x:Name="Presenter"
|
|
FontFamily="{TemplateBinding FontFamily}"
|
|
FontSize="{TemplateBinding FontSize}"
|
|
FontStretch="{TemplateBinding FontStretch}"
|
|
FontStyle="{TemplateBinding FontStyle}"
|
|
FontWeight="{TemplateBinding FontWeight}"
|
|
Content="{TemplateBinding Content}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}"/>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style
|
|
TargetType="layout:ExpandableContentControl" x:Key="expanderContentControlStyle">
|
|
<Setter
|
|
Property="IsEnabled"
|
|
Value="true" />
|
|
|
|
<Setter
|
|
Property="IsTabStop"
|
|
Value="False" />
|
|
<Setter
|
|
Property="TabNavigation"
|
|
Value="Once" />
|
|
<Setter
|
|
Property="BorderThickness"
|
|
Value="0" />
|
|
<Setter
|
|
Property="Padding"
|
|
Value="0" />
|
|
<Setter
|
|
Property="HorizontalContentAlignment"
|
|
Value="Left" />
|
|
<Setter
|
|
Property="VerticalContentAlignment"
|
|
Value="Top" />
|
|
<Setter
|
|
Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate
|
|
TargetType="layout:ExpandableContentControl">
|
|
<ContentPresenter
|
|
x:Name="ContentSite"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Margin="0" Content="{TemplateBinding Content}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}" />
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style TargetType="layout:AccordionButton" x:Key="accordionButtonStyle">
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="Foreground" Value="Black"/>
|
|
<Setter Property="FontFamily" Value="Segoe UI Symbol"/>
|
|
<Setter Property="FontWeight" Value="Normal"/>
|
|
<Setter Property="FontSize" Value="16"/>
|
|
<Setter Property="HorizontalAlignment" Value="Stretch"/>
|
|
<Setter Property="VerticalAlignment" Value="Stretch"/>
|
|
<Setter Property="HorizontalContentAlignment" Value="Center"/>
|
|
<Setter Property="VerticalContentAlignment" Value="Center"/>
|
|
<Setter Property="IsTabStop" Value="True"/>
|
|
<Setter Property="TabNavigation" Value="Once"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="layout:AccordionButton">
|
|
<Grid Background="Transparent">
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="ExpandDirectionStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0"/>
|
|
</VisualStateGroup.Transitions>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="ExpansionStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0"/>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Collapsed">
|
|
<Storyboard>
|
|
<DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.3" Storyboard.TargetName="icon" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" To="90"/>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="arrow">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource CollapsedStroke}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="header">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource CollapsedStroke}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Expanded">
|
|
<Storyboard>
|
|
<DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.3" Storyboard.TargetName="icon" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" To="270"/>
|
|
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ExpandedBackground" Storyboard.TargetProperty="(UIElement.Opacity)">
|
|
<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
|
|
</DoubleAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="arrow">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ExpandedStroke}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="header">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ExpandedStroke}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="CheckStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="00:00:00"/>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Checked"/>
|
|
<VisualState x:Name="Unchecked"/>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal"/>
|
|
<VisualState x:Name="MouseOver">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverBackground"/>
|
|
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="NormalBackground"/>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="background">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="#FFEDEDED"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Pressed">
|
|
<Storyboard>
|
|
|
|
</Storyboard>
|
|
|
|
</VisualState>
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard/>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
<VisualState x:Name="Focused">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="(UIElement.Opacity)">
|
|
<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.385"/>
|
|
</DoubleAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Unfocused"/>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Border x:Name="background" Background="{TemplateBinding Background}" BorderThickness="0,1,0,1" BorderBrush="LightGray"
|
|
>
|
|
<Grid>
|
|
<Border x:Name="NormalBackground"
|
|
VerticalAlignment="Stretch"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"/>
|
|
|
|
<Grid x:Name="ExpandedBackground" Opacity="0">
|
|
<Border
|
|
VerticalAlignment="Stretch" Background="#FFEDEDED"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"/>
|
|
</Grid>
|
|
|
|
<Grid x:Name="MouseOverBackground" Opacity="0" >
|
|
<Border
|
|
VerticalAlignment="Stretch" Background="#FFEDEDED"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"/>
|
|
</Grid>
|
|
|
|
<Grid Background="Transparent" Margin="{TemplateBinding Padding}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" x:Name="cd0"/>
|
|
<ColumnDefinition Width="Auto" x:Name="cd1"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" x:Name="rd0"/>
|
|
<RowDefinition Height="Auto" x:Name="rd1"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Height="19" Margin="5,0,5,0" Background="Transparent" HorizontalAlignment="Center" x:Name="icon" VerticalAlignment="Center" Width="19" RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.Row="0">
|
|
<Grid.RenderTransform>
|
|
<TransformGroup>
|
|
<ScaleTransform/>
|
|
<SkewTransform/>
|
|
<RotateTransform Angle="-90"/>
|
|
<TranslateTransform/>
|
|
</TransformGroup>
|
|
</Grid.RenderTransform>
|
|
<Path Data="F1M568.254,-7.43524L568.159,-7.34277 567.977,-7.52246 546.559,-28.9417 525.484,-28.9417 549.787,-4.63446 557.439,3.01532 557.619,3.19629 550.067,10.7549 525.758,35.0583 546.834,35.0583 568.254,13.6429 578.792,3.10254 568.254,-7.43524z"
|
|
Stretch="Uniform" Fill="{StaticResource ExpandedStroke}"
|
|
Width="12" Height="12" x:Name="arrow" RenderTransformOrigin="0.5,0.5"
|
|
HorizontalAlignment="Center" VerticalAlignment="Center">
|
|
<Path.RenderTransform>
|
|
<TransformGroup>
|
|
<ScaleTransform/>
|
|
<SkewTransform/>
|
|
<RotateTransform/>
|
|
<TranslateTransform/>
|
|
</TransformGroup>
|
|
</Path.RenderTransform>
|
|
</Path>
|
|
</Grid>
|
|
<layout:LayoutTransformer
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Style="{StaticResource layoutStyle}"
|
|
x:Name="header"
|
|
Grid.Column="0"
|
|
Grid.Row="0"
|
|
Grid.RowSpan="1"
|
|
Foreground="{TemplateBinding Foreground}"
|
|
FontFamily="{TemplateBinding FontFamily}"
|
|
FontSize="{TemplateBinding FontSize}"
|
|
FontStretch="{TemplateBinding FontStretch}"
|
|
FontStyle="{TemplateBinding FontStyle}"
|
|
FontWeight="{TemplateBinding FontWeight}"
|
|
Content="{TemplateBinding Content}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}"/>
|
|
</Grid>
|
|
</Grid>
|
|
</Border>
|
|
<Rectangle x:Name="FocusVisualElement" IsHitTestVisible="false" Visibility="Collapsed"
|
|
RadiusX="1" RadiusY="1" Stroke="#FF6DBDD1" StrokeThickness="1"/>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="customsfaccordionstyle" TargetType="layout:SfAccordion">
|
|
<Setter Property="BorderBrush" Value="#FFC5C5C5"/>
|
|
<Setter Property="VerticalAlignment" Value="Top" />
|
|
<Setter Property="AccentBrush" Value="#FFEEEEF4"/>
|
|
<Setter Property="HorizontalContentAlignment" Value="Left" />
|
|
<Setter Property="VerticalContentAlignment" Value="Top" />
|
|
<Setter Property="Padding" Value="0" />
|
|
<Setter Property="Margin" Value="0" />
|
|
<Setter Property="IsTabStop" Value="False" />
|
|
<Setter Property="TabNavigation" Value="Once" />
|
|
<!-- Accordion expects a stackpanel to layout its children. -->
|
|
<Setter Property="ItemsPanel">
|
|
<Setter.Value>
|
|
<ItemsPanelTemplate>
|
|
<StackPanel VerticalAlignment="Top" />
|
|
</ItemsPanelTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="layout:SfAccordion">
|
|
<Grid x:Name="Root" >
|
|
<VisualStateManager.VisualStateGroups>
|
|
<!-- common states -->
|
|
<VisualStateGroup
|
|
x:Name="CommonStates">
|
|
<VisualState
|
|
x:Name="Normal" />
|
|
<VisualState
|
|
x:Name="Pressed" />
|
|
<VisualState
|
|
x:Name="MouseOver" />
|
|
<VisualState
|
|
x:Name="Disabled" />
|
|
</VisualStateGroup>
|
|
<!-- focus states -->
|
|
<VisualStateGroup
|
|
x:Name="FocusStates">
|
|
<VisualState
|
|
x:Name="Focused" />
|
|
<VisualState
|
|
x:Name="Unfocused" />
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Border
|
|
x:Name="Border"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
Padding="{TemplateBinding Padding}"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}">
|
|
<ScrollViewer
|
|
IsTabStop="False" ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}"
|
|
HorizontalScrollBarVisibility="Disabled"
|
|
VerticalScrollBarVisibility="Auto"
|
|
Background="{x:Null}"
|
|
BorderBrush="Transparent"
|
|
Margin="0"
|
|
Padding="0"
|
|
BorderThickness="0">
|
|
<ItemsPresenter />
|
|
</ScrollViewer>
|
|
</Border>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
|
|
<Style x:Key="customsfaccordionitemstyle" TargetType="layout:SfAccordionItem">
|
|
<Setter Property="Margin" Value="0 0 0 0" />
|
|
<Setter Property="Padding" Value="0" />
|
|
<Setter Property="BorderBrush" Value="#FFC5C5C5"/>
|
|
<Setter Property="BorderThickness" Value="1 1 1 1"/>
|
|
<Setter Property="HorizontalAlignment" Value="Stretch"/>
|
|
<Setter Property="VerticalAlignment" Value="Stretch"/>
|
|
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
|
|
<Setter Property="VerticalContentAlignment" Value="Stretch"/>
|
|
<Setter Property="IsTabStop" Value="False" />
|
|
<Setter Property="ExpandableContentControlStyle" Value="{StaticResource expanderContentControlStyle}"/>
|
|
<Setter Property="AccordionButtonStyle" Value="{StaticResource accordionButtonStyle}"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="layout:SfAccordionItem">
|
|
|
|
<Border x:Name="Background"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
>
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0"/>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Normal"/>
|
|
<VisualState x:Name="Pressed"/>
|
|
<VisualState x:Name="MouseOver"/>
|
|
<VisualState x:Name="Disabled" />
|
|
</VisualStateGroup>
|
|
<!-- FocusStates -->
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
<VisualState x:Name="Focused" />
|
|
<VisualState x:Name="Unfocused"/>
|
|
</VisualStateGroup>
|
|
<!-- ExpansionStates -->
|
|
<VisualStateGroup x:Name="ExpansionStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0"/>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Collapsed">
|
|
<Storyboard>
|
|
<DoubleAnimationUsingKeyFrames
|
|
BeginTime="00:00:00" Duration="00:00:01" EnableDependentAnimation="True"
|
|
Storyboard.TargetName="ExpandSite"
|
|
Storyboard.TargetProperty="(ExpandableContentControl.Percentage)">
|
|
<SplineDoubleKeyFrame KeySpline="0.2,0,0,1" KeyTime="00:00:0.3" Value="0" />
|
|
</DoubleAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Expanded">
|
|
<Storyboard>
|
|
<DoubleAnimationUsingKeyFrames
|
|
BeginTime="00:00:00" Duration="00:00:01" EnableDependentAnimation="True"
|
|
Storyboard.TargetName="ExpandSite"
|
|
Storyboard.TargetProperty="(ExpandableContentControl.Percentage)">
|
|
<SplineDoubleKeyFrame KeySpline="0.2,0,0,1" KeyTime="00:00:0.3" Value="1" />
|
|
</DoubleAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<!-- ExpansionStates -->
|
|
<VisualStateGroup x:Name="LockedStates">
|
|
<VisualStateGroup.Transitions>
|
|
<VisualTransition GeneratedDuration="0"/>
|
|
</VisualStateGroup.Transitions>
|
|
<VisualState x:Name="Locked">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ExpanderButton" Storyboard.TargetProperty="IsEnabled">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Unlocked">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ExpanderButton" Storyboard.TargetProperty="IsEnabled">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Grid Margin="{TemplateBinding Padding}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" x:Name="rd0"/>
|
|
<RowDefinition Height="*" x:Name="rd1"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" x:Name="cd0"/>
|
|
<ColumnDefinition Width="Auto" x:Name="cd1"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<layout:AccordionButton
|
|
x:Name="ExpanderButton"
|
|
AccentBrush="{Binding AccentBrush,RelativeSource={RelativeSource TemplatedParent}}"
|
|
Style="{TemplateBinding AccordionButtonStyle}"
|
|
Content="{TemplateBinding Header}"
|
|
ContentTemplate="{TemplateBinding HeaderTemplate}"
|
|
IsChecked="{TemplateBinding IsSelected}"
|
|
IsTabStop="True"
|
|
Grid.Row="0"
|
|
FontFamily="{TemplateBinding FontFamily}"
|
|
FontSize="{TemplateBinding FontSize}"
|
|
FontStretch="{TemplateBinding FontStretch}"
|
|
FontStyle="{TemplateBinding FontStyle}"
|
|
FontWeight="{TemplateBinding FontWeight}"
|
|
Foreground="{TemplateBinding Foreground}"
|
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalAlignment}"
|
|
Background="{TemplateBinding Background}" />
|
|
<layout:ExpandableContentControl
|
|
x:Name="ExpandSite"
|
|
Grid.Row="1"
|
|
IsTabStop="False"
|
|
Percentage="0"
|
|
Content="{TemplateBinding Content}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}"
|
|
Margin="0 0 0 0"
|
|
Style="{TemplateBinding ExpandableContentControlStyle}"
|
|
FontFamily="{TemplateBinding FontFamily}"
|
|
FontSize="{TemplateBinding FontSize}"
|
|
FontStretch="{TemplateBinding FontStretch}"
|
|
FontStyle="{TemplateBinding FontStyle}"
|
|
FontWeight="{TemplateBinding FontWeight}"
|
|
Foreground="{TemplateBinding Foreground}"
|
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
|
|
<!-- ListBox Style-->
|
|
<Style x:Key="customlistboxitemstyle" TargetType="ListBoxItem">
|
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="TabNavigation" Value="Local" />
|
|
<Setter Property="Padding" Value="12,15,12,15" />
|
|
<Setter Property="HorizontalContentAlignment" Value="Left" />
|
|
<Setter Property="UseSystemFocusVisuals" Value="True" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ListBoxItem">
|
|
<Grid
|
|
x:Name="LayoutRoot"
|
|
Background="{TemplateBinding Background}"
|
|
BorderThickness="{TemplateBinding BorderThickness}" >
|
|
<Grid.Resources>
|
|
<Style x:Key="BaseContentPresenterStyle" TargetType="ContentPresenter">
|
|
<Setter Property="FontFamily" Value="XamlAutoFontFamily" />
|
|
<Setter Property="FontWeight" Value="SemiBold" />
|
|
<Setter Property="FontSize" Value="15" />
|
|
<Setter Property="TextWrapping" Value="Wrap" />
|
|
<Setter Property="LineStackingStrategy" Value="MaxHeight" />
|
|
<Setter Property="TextLineBounds" Value="Full" />
|
|
<Setter Property="OpticalMarginAlignment" Value="TrimSideBearings" />
|
|
</Style>
|
|
<Style x:Key="BodyContentPresenterStyle" TargetType="ContentPresenter" BasedOn="{StaticResource BaseContentPresenterStyle}">
|
|
<Setter Property="FontWeight" Value="Normal" />
|
|
<Setter Property="FontSize" Value="15" />
|
|
</Style>
|
|
</Grid.Resources>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal" />
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseMediumLowBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="PointerOver">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightListLowBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Pressed">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightListMediumBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Selected">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="#FF45ADEB" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="SelectedUnfocused">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="#FF45ADEB" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="SelectedPointerOver">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="#FF45ADEB" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="SelectedPressed">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground"
|
|
Storyboard.TargetProperty="Fill">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightListAccentHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
|
|
Storyboard.TargetProperty="Foreground">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAltBaseHighBrush}" />
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Rectangle
|
|
x:Name="PressedBackground"
|
|
Fill="Transparent"
|
|
Control.IsTemplateFocusTarget="True"/>
|
|
<Border BorderBrush="LightGray" Margin="0,0,0,0" BorderThickness="0,0,0,1">
|
|
<ContentPresenter
|
|
x:Name="ContentPresenter"
|
|
Content="{TemplateBinding Content}"
|
|
ContentTransitions="{TemplateBinding ContentTransitions}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}"
|
|
Style="{StaticResource BodyContentPresenterStyle}"
|
|
TextWrapping="NoWrap"
|
|
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Margin="{TemplateBinding Padding}" />
|
|
</Border>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="customsftextboxstyle" TargetType="input:SfTextBoxExt">
|
|
<Setter Property="MinHeight" Value="{StaticResource TextControlThemeMinHeight}"/>
|
|
<Setter Property="Foreground" Value="{StaticResource TextBoxForegroundThemeBrush}"/>
|
|
<Setter Property="Background" Value="{StaticResource TextBoxBackgroundThemeBrush}"/>
|
|
<Setter Property="BorderBrush" Value="{StaticResource TextBoxBorderThemeBrush}"/>
|
|
<Setter Property="BorderThickness" Value="{StaticResource TextControlBorderThemeThickness}"/>
|
|
<Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
|
|
<Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/>
|
|
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
|
|
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
|
|
<Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
|
|
<Setter Property="Padding" Value="{StaticResource TextControlThemePadding}"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="input:SfTextBoxExt">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledBackgroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="BorderElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledBorderThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="PART_Watermark">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxDisabledForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Normal">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlBackgroundThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundElement"/>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlBorderThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BorderElement"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="PointerOver">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlPointerOverBackgroundThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundElement"/>
|
|
<DoubleAnimation Duration="0" To="{StaticResource TextControlPointerOverBorderThemeOpacity}" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BorderElement"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Focused">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="White"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="ButtonStates">
|
|
<VisualState x:Name="ButtonVisible">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DeleteButton">
|
|
<DiscreteObjectKeyFrame KeyTime="0">
|
|
<DiscreteObjectKeyFrame.Value>
|
|
<Visibility>Visible</Visibility>
|
|
</DiscreteObjectKeyFrame.Value>
|
|
</DiscreteObjectKeyFrame>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="search">
|
|
<DiscreteObjectKeyFrame KeyTime="0">
|
|
<DiscreteObjectKeyFrame.Value>
|
|
<Visibility>Collapsed</Visibility>
|
|
</DiscreteObjectKeyFrame.Value>
|
|
</DiscreteObjectKeyFrame>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="ButtonCollapsed"/>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="PopupStates">
|
|
<VisualState x:Name="TopLight">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2 2 2 0"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="BottomLight">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2 0 2 2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="TopDark">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="BottomDark">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_SuggestionBox">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="2"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="ErrorStates">
|
|
<VisualState x:Name="HasError">
|
|
|
|
</VisualState>
|
|
<VisualState x:Name="NoError"/>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Grid Grid.Row="1">
|
|
<Popup IsOpen="{TemplateBinding IsSuggestionOpen}" x:Name="PART_Popup"
|
|
>
|
|
<Grid Background="{StaticResource ToolTipBackgroundThemeBrush}">
|
|
|
|
<input:SuggestionBox x:Name="PART_SuggestionBox" ItemsSource="{TemplateBinding Suggestions}"
|
|
MaxHeight="{TemplateBinding MaxDropDownHeight}"
|
|
ScrollViewer.VerticalScrollBarVisibility="Auto"
|
|
SelectedIndex="{Binding SuggestionIndex, Mode=TwoWay,
|
|
RelativeSource={RelativeSource Mode=TemplatedParent}}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"/>
|
|
</Grid>
|
|
</Popup>
|
|
</Grid>
|
|
<Grid >
|
|
<Grid.Resources>
|
|
<Style x:Name="DeleteButtonStyle" TargetType="Button">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Grid>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal"/>
|
|
<VisualState x:Name="PointerOver">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxButtonPointerOverBackgroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="BorderElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxButtonPointerOverBorderThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="GlyphElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxButtonPointerOverForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Pressed">
|
|
<Storyboard>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="BackgroundElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="Gray"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="BorderElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxButtonPressedBorderThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="GlyphElement">
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TextBoxButtonPressedForegroundThemeBrush}"/>
|
|
</ObjectAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState x:Name="Disabled">
|
|
<Storyboard>
|
|
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundElement"/>
|
|
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BorderElement"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Border x:Name="BorderElement" BorderBrush="{StaticResource TextBoxButtonBorderThemeBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
|
|
<Border x:Name="BackgroundElement" Background="{StaticResource TextBoxButtonBackgroundThemeBrush}" Margin="{TemplateBinding BorderThickness}">
|
|
<TextBlock x:Name="GlyphElement" Foreground="{StaticResource ComboBoxForegroundThemeBrush}" FontFamily="Segoe UI Symbol" HorizontalAlignment="Center" Text="" VerticalAlignment="Center"/>
|
|
</Border>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</Grid.Resources>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Border x:Name="BackgroundElement" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" Margin="{TemplateBinding BorderThickness}"/>
|
|
<Border x:Name="BorderElement" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2"/>
|
|
<ContentControl VerticalAlignment="Center" x:Name="PART_Watermark" IsTabStop="False" Content="{TemplateBinding Watermark}" ContentTemplate="{TemplateBinding WatermarkTemplate}" ContentTemplateSelector="{TemplateBinding WatermarkTemplateSelector}" Margin="{TemplateBinding BorderThickness}" Foreground="LightGray" FontFamily="Italic" Padding="{TemplateBinding Padding}"/>
|
|
<ScrollViewer VerticalAlignment="Center" x:Name="ContentElement" HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}" HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" IsTabStop="False" IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}" IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}" IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}" Margin="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}" ZoomMode="Disabled"/>
|
|
<Button x:Name="DeleteButton" MinWidth="32" MinHeight="{Binding ActualHeight,RelativeSource={RelativeSource Mode=TemplatedParent}}" BorderThickness="{TemplateBinding BorderThickness}" Grid.Column="1" FontSize="{TemplateBinding FontSize}" IsTabStop="False" Style="{StaticResource DeleteButtonStyle}" Visibility="Collapsed" VerticalAlignment="Stretch"/>
|
|
<Path x:Name="search" Data="M11.170988,2.0000026C6.1139962,2.0000026 1.9999944,6.1120075 1.9999944,11.16603 1.9999944,16.219991 6.1139962,20.331996 11.170988,20.331996 16.227981,20.331996 20.341006,16.219991 20.341006,11.16603 20.341006,6.1120075 16.227981,2.0000026 11.170988,2.0000026z M11.170988,0C17.33003,0 22.341001,5.0089787 22.341001,11.16603 22.341001,13.76351 21.449155,16.156669 19.95551,18.055608L19.942527,18.071714 31.999898,30.615001 30.5589,32.001003 18.567029,19.525854 18.476871,19.605846C16.516895,21.303544 13.961804,22.332 11.170988,22.332 5.0119487,22.332 1.6168633E-07,17.32302 0,11.16603 1.6168633E-07,5.0089787 5.0119487,0 11.170988,0z" Stretch="Uniform" Fill="#FF8B8F9E" Width="16" Height="16" Margin="5" RenderTransformOrigin="0.5,0.5" Grid.Column="1">
|
|
<Path.RenderTransform>
|
|
<TransformGroup>
|
|
<TransformGroup.Children>
|
|
<RotateTransform Angle="0" />
|
|
<ScaleTransform ScaleX="1" ScaleY="1" />
|
|
</TransformGroup.Children>
|
|
</TransformGroup>
|
|
</Path.RenderTransform>
|
|
</Path>
|
|
</Grid>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</Page.Resources>
|
|
<ScrollViewer x:Name="scroll" ViewChanged="scroll_ViewChanged" VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Disabled">
|
|
<Grid x:Name="layout" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition MaxWidth="460" MinWidth="320" Width="Auto" />
|
|
<ColumnDefinition MaxWidth="2" Width="1"/>
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Grid.Column="0" Grid.Row="0" x:Name="treeview">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
<layout:SfAccordion Height="50" x:Name="CategoryAccordion" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollMode="Disabled" Background="{StaticResource SfAccordionbackground}" Style="{StaticResource customsfaccordionstyle}" ItemContainerStyle="{StaticResource customsfaccordionitemstyle}" BorderThickness="0" SelectionMode="OneOrMore">
|
|
<layout:SfAccordion.HeaderTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Path=Key }" FontFamily="Roboto Slab" FontSize="14" Margin="10" />
|
|
</DataTemplate>
|
|
</layout:SfAccordion.HeaderTemplate>
|
|
<layout:SfAccordion.ContentTemplate>
|
|
<DataTemplate>
|
|
<local:CustomListBox x:Name="productlist" ItemsSource="{Binding Path=Value.AllProducts.Values}" ItemContainerStyle="{StaticResource customlistboxitemstyle}" Background="White" SelectionChanged="ListBox_SelectionChanged">
|
|
<local:CustomListBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="30" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Image />
|
|
<TextBlock Text="{Binding Name}" FontSize="12" Grid.Column="1" FontFamily="Roboto Slab"/>
|
|
<Image />
|
|
</Grid>
|
|
</DataTemplate>
|
|
</local:CustomListBox.ItemTemplate>
|
|
|
|
</local:CustomListBox>
|
|
</DataTemplate>
|
|
</layout:SfAccordion.ContentTemplate>
|
|
</layout:SfAccordion>
|
|
|
|
</Grid>
|
|
<Rectangle Fill="LightGray" Grid.Column="1" x:Name="seperator" />
|
|
<Grid Grid.Column="2">
|
|
<local:ControlsPage x:Name="SampleContent" DataContext="{Binding ElementName=productlist,Path=SelectedItem}" />
|
|
</Grid>
|
|
</Grid>
|
|
</ScrollViewer>
|
|
</Page>
|