Appearance and Styling in UWP DropDown Button (SfDropDownButton)

10 May 20211 minute to read

Accent brush

AccentBrush property is used to decorate the hot spots of a control with a solid color.

  • XAML
  • <input:SfDropDownButton Content="5/24/2016" AccentBrush="Red" x:Name="dropdownbutton
    
    "/>

    Apperance-and-Styling_img1

    ContentTemplate

    ContentTemplate property is used to decorate the content of the SfDropDownButton.

  • XAML
  • <input:SfDropDownButton Content="5/24/2016" x:Name="dropdownbutton">
    
    <input:SfDropDownButton.ContentTemplate>
    
    <DataTemplate>
    
    <TextBlock Foreground="Green" Text="{Binding}"/>
    
    </DataTemplate>
    
    </input:SfDropDownButton.ContentTemplate>
    
    </input:SfDropDownButton>

    Apperance-and-Styling_img2

    DropDownContentTemplate is used to decorate the drop down content of SfDropDownButton.

  • XAML
  • <input:SfDropDownButton DropDownContent="Drop down content">
    
    <input:SfDropDownButton.DropDownContentTemplate>
    
    <DataTemplate>
    
    <TextBlock Foreground="Green" HorizontalAlignment="Center" Text="{Binding}"/>
    
    </DataTemplate>
    
    </input:SfDropDownButton.DropDownContentTemplate>
    
    </input:SfDropDownButton>

    Apperance-and-Styling_img3