CustomerPanel-Test/UserControls/PortalSearch.xaml

<UserControl x:Class="C4IT_CustomerPanel.UserControls.PortalSearch"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:C4IT_CustomerPanel.UserControls"
             xmlns:resx="clr-namespace:C4IT_CustomerPanel.Properties"
             mc:Ignorable="d"
             d:DesignHeight="450"
             d:DesignWidth="800">
    <UserControl.Resources>
        <Style TargetType="Button"
               x:Key="ButtonStyle">
            <Setter Property="Foreground"
                    Value="{DynamicResource buttonTextColor}" />
            <Setter Property="Background"
                    Value="{DynamicResource inactiveButtonColor}" />
            <Setter Property="BorderBrush"
                    Value="{DynamicResource panelBorderColor}" />
            <Setter Property="BorderThickness"
                    Value="1" />
            <Setter Property="Padding"
                    Value="12,6" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                CornerRadius="10">
                            <ContentPresenter HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              Margin="{TemplateBinding Padding}" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver"
                         Value="True">
                    <Setter Property="Background"
                            Value="{DynamicResource activeButtonColor}" />
                    <Setter Property="Foreground"
                            Value="White" />
                </Trigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="SearchTextBoxStyle"
               TargetType="{x:Type TextBox}">
            <Setter Property="Foreground"
                    Value="{DynamicResource sectionTitleColor}" />
            <Setter Property="Background"
                    Value="{DynamicResource inputBackgroundColor}" />
            <Setter Property="BorderBrush"
                    Value="{DynamicResource inputBorderColor}" />
            <Setter Property="BorderThickness"
                    Value="1" />
            <Setter Property="Padding"
                    Value="8,3" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                CornerRadius="8">
                            <ScrollViewer x:Name="PART_ContentHost" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    
    <Grid x:Name="GridSsp"
          x:FieldModifier="private"
          Width="500">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100*" />
            <ColumnDefinition Width="185*" />
            <ColumnDefinition Width="185*" />
            <ColumnDefinition Width="30*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="6*" />
            <RowDefinition Height="7*" />
        </Grid.RowDefinitions>
        <Canvas x:Name="CanvasSearch"
                x:FieldModifier="private"
                Grid.Column="1"
                Grid.ColumnSpan="2"
                Grid.Row="0"
                Height="560">
            <Image Source="{DynamicResource appbar_magnify}"
                   Width="36"
                   Height="36"
                   Margin="0,6,0,0"
                   Tag="MAINICO" />
            <Label Foreground="{DynamicResource sectionTitleColor}"
                   x:Name="LblSearch"
                   x:FieldModifier="private"
                   Content="{x:Static resx:Resources.search}"
                   FontSize="19"
                   FontWeight="SemiBold"
                   Canvas.Top="8"
                   Canvas.Left="40" />
            <StackPanel Orientation="Horizontal"
                        Width="350"
                        Canvas.Top="56"
                        Canvas.Left="0">
                <TextBox x:Name="TxtSearchTerm"
                         x:FieldModifier="private"
                         Style="{StaticResource SearchTextBoxStyle}"
                         Width="320"
                         Height="30"
                         FontSize="14"
                         Panel.ZIndex="1110"
                         KeyDown="OnSearchBoxEnter"
                         Margin="2,0,0,0" />
                <Image Source="../Resources/icons/light/appbar.magnify.png"
                       Width="48"
                       PreviewMouseDown="OnSearchClicked"
                       Cursor="Hand"
                       Visibility="Collapsed" />
            </StackPanel>
            <Canvas Canvas.Top="120"
                    Canvas.Left="0"
                    Width="350"
                    Height="360">
                <Button Style="{StaticResource ButtonStyle}"
                        Background="{DynamicResource activeButtonColor}"
                        x:Name="BtnSspLink"
                        x:FieldModifier="private"
                        Width="320"
                        Canvas.Left="15"
                        Height="40"
                        Content="Self Service Portal"
                        FontSize="16"
                        Canvas.Top="0"
                        Click="OnSSPLinkClicked" />
                <Button Foreground="{DynamicResource buttonTextColor}"
                        x:Name="BtnMyserviceLink"
                        x:FieldModifier="private"
                        Style="{StaticResource ButtonStyle}"
                        Background="{DynamicResource activeButtonColor}"
                        Width="320"
                        Canvas.Left="15"
                        Height="40"
                        Content="{x:Static resx:Resources.myservices}"
                        Tag="LABEL"
                        FontSize="16"
                        Canvas.Top="50"
                        Click="OnMyServiceLinkClicked" />
                <!--<Separator Canvas.Left="15" Width="320" Canvas.Top="140" Height="2" />-->
                <!--<StackPanel x:Name="CustomLinkPanel" Orientation="Vertical" Canvas.Top="150"/>-->
            </Canvas>
        </Canvas>
    </Grid>

</UserControl>