UWP : Need Textbox with contains close button..Only when text is not empty
I need something like this....
I have solution in WPF, But I need to convert to UWP.
<TextBox Width="200" Name="textBox1" >
<TextBox.Template>
<ControlTemplate TargetType="TextBox">
<Border BorderThickness="2" BorderBrush="Black" >
<DockPanel>
<Button Width="16" Height="16" DockPanel.Dock="Right" x:Name="PART_ContentHostClearButton" Visibility="Hidden" PreviewMouseDown="PART_ContentHostClearButton_PreviewMouseDown">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="PART_Border" CornerRadius="8" BorderBrush="Transparent" BorderThickness="0" Padding="2">
<Path x:Name="PART_Path" Data="M6,6 L6,6 10,10 M10,6 L10,6 6,10" Fill="Gray" Stretch="Fill" Stroke="Gray" StrokeThickness="2" HorizontalAlignment="Center" VerticalAlignment="Center" />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" TargetName="PART_Border">
<Setter.Value>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="Silver" Offset="0.0" />
<GradientStop Color="White" Offset="0.5" />
<GradientStop Color="Silver" Offset="0.0" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Stroke" TargetName="PART_Path" Value="#FFBA3232"/>
</Trigger>
<Trigger Property="IsFocused" Value="True" />
<Trigger Property="IsPressed" Value="True">
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Button.Template>
</Button>
<ScrollViewer DockPanel.Dock="Left" Margin="2" x:Name="PART_ContentHost" />
</DockPanel>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsFocused" Value="True">
<Setter TargetName="PART_ContentHostClearButton" Property="Visibility" Value="Visible"/>
</Trigger>
<DataTrigger Binding="{Binding ElementName=PART_ContentHostClearButton,Path=IsPressed}">
<Setter TargetName="PART_ContentHost" Property="Content" Value=""/>
</DataTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</TextBox.Template>
</TextBox>
<TextBox/>
private void PART_ContentHostClearButton_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
this.textBox1.Text = "";
}
I need the in UWP XAML