PDFOffice_Windows_exe/PDF Office/CustomControl/CompositeControl/SlidComboControl.xaml

<UserControl
    x:Class="PDF_Office.CustomControl.CompositeControl.SlidComboControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:PDF_Office.CustomControl.CompositeControl"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    x:Name="usercontrol"
    d:DesignHeight="450"
    d:DesignWidth="800"
    Loaded="UserControl_Loaded"
    mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../../Styles/SliderStyle.xaml" />
                <ResourceDictionary Source="../../Styles/CustomBtnStyle.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <DataTemplate x:Key="numberData">
                <Grid>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Text="{Binding Content}" />
                </Grid>
            </DataTemplate>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <TextBlock
            x:Name="thicknessText"
            Margin="12,14,0,0"
            FontFamily="Segoe UI Semibold"
            FontSize="14"
            FontWeight="SemiBold"
            LineHeight="20">
            Thickness
        </TextBlock>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="auto" />
            </Grid.ColumnDefinitions>

            <Slider
                Name="ThicknessSlider"
                Width="148"
                Margin="12,0,0,0"
                VerticalAlignment="Center"
                IsMoveToPointEnabled="True"
                IsSelectionRangeEnabled="True"
                IsSnapToTickEnabled="True"
                Maximum="24"
                Minimum="0"
                Style="{StaticResource RoundThumbSlider}"
                TickFrequency="1"
                Value="{Binding ElementName=usercontrol, Path=Value}">
                <Slider.Resources>
                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#477EDE" />
                    <SolidColorBrush x:Key="{x:Static SystemColors.ControlDarkDarkBrushKey}" Color="#E2E3E6" />
                </Slider.Resources>
            </Slider>

            <Border
                Grid.Column="1"
                Width="80"
                Height="32"
                Margin="0,0,11,0"
                BorderBrush="#E2E3E6"
                BorderThickness="0">
                <Grid>
                    <ComboBox
                        Name="ThicknessBox"
                        Padding="10"
                        Background="Transparent"
                        BorderBrush="#FFE2E3E6"
                        BorderThickness="1"
                        ItemTemplate="{StaticResource numberData}"
                        MaxDropDownHeight="200">
                        <ComboBox.ItemContainerStyle>
                            <Style TargetType="{x:Type ComboBoxItem}">
                                <Setter Property="Padding" Value="10,0,0,0" />
                            </Style>
                        </ComboBox.ItemContainerStyle>
                    </ComboBox>
                    <TextBox
                        Name="ThicknessText"
                        Height="20"
                        Margin="10,0,35,0"
                        VerticalAlignment="Center"
                        Background="White"
                        BorderThickness="0"
                        FontFamily="Segoe UI"
                        FontSize="14"
                        IsReadOnly="True"
                        TextAlignment="Left" />
                </Grid>
            </Border>
            <local:CustomComboControl x:Name="combox" Grid.Column="1" Width="80" Height="32"  />
   
        </Grid>
    </Grid>

</UserControl>