MaterialDesignOutlinedTextBox

[ShehabFekry1996]

I want to remove that grey part I've tried everything but still nothing
here's the style I've created based on the original TextBox

    <Style TargetType="TextBox" x:Key="outlinedBox"  BasedOn="{StaticResource MaterialDesignOutlinedTextBox}">
        <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
        <Setter Property="Height" Value="30"></Setter>
        <Setter Property="Background" Value="White" />
        <Setter Property="Padding" Value="3"></Setter>
        <Setter Property="CaretBrush" Value="{StaticResource mainPurple}"></Setter>
        <Style.Triggers>
            <Trigger  Property="IsKeyboardFocusWithin" Value="True">
                <Setter Property="materialDesign:TextFieldAssist.UnderlineBrush" Value="{StaticResource mainPurple}"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>

and this is an image to show you my problem

I want to remove that grey part around Conveyor Number

[nicolaihenriksen]

@ShehabFekry1996 I believe you simply need to set HintAssist.Background to the brush you want. See #3701 which introduced the attached property.

[ShehabFekry1996]

 #region AttachedProperty: HintPaddingBrush
    public static readonly DependencyProperty HintPaddingBrushProperty =
        DependencyProperty.RegisterAttached("HintPaddingBrush", typeof(Brush), typeof(HintAssist), new PropertyMetadata(null));

    public static Brush GetHintPaddingBrush(DependencyObject obj)
        => (Brush)obj.GetValue(HintPaddingBrushProperty);

    public static void SetHintPaddingBrush(DependencyObject obj, Brush value)
        => obj.SetValue(HintPaddingBrushProperty, value);

    I can see you added HintPaddingBrush But I can't find it I'm using version 5.1
    
    I already tried setting the background to the same color which is white 
    but i still get that grey padding part I want to remove it or give it a white background as well

[corvinsz]

I double checked and your PR (@nicolaihenriksen) you linked is indeed related to this issue, but I think it's the materialDesign:HintAssist.HintPaddingBrush attached property @ShehabFekry1996 wants to use.
Here is the code I tested with, please correct me if I am wrong:

<Window x:Class="Issue3978.MainWindow"
        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:Issue3978"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="800"
        Height="450"
        Style="{StaticResource MaterialDesignWindow}"
        mc:Ignorable="d">
  <Grid Background="White">
    <TextBox Width="200"
             VerticalAlignment="Center"
             materialDesign:HintAssist.Background="Fuchsia"
             materialDesign:HintAssist.Hint="Conveyor Number"
             materialDesign:HintAssist.HintPaddingBrush="Green"
             Style="{StaticResource MaterialDesignOutlinedTextBox}" />
  </Grid>
</Window>

[ShehabFekry1996]

Yes exactly thanks for clarification, but I can't find that property where can I find it ? I'm using version 5.1

[corvinsz]

I guess you were seconds faster than me 😄
You are correct, the version 5.1.0 does not contain the materialDesign:HintAssist.HintPaddingBrush. You can either upgrade to 5.2.0 or use any of the prereleases between those 2 versions which have @nicolaihenriksen changes merged already. I didn't bother checking which exact prerelease that is though.
Considering that version jump is only a minor one, upgrading probably won't break anything or at least not too much.

[ShehabFekry1996]

Thanks for the help you just saved me hours
and @nicolaihenriksen thank you for the effort and the property