This example shows how to customize dropdown effect in UXSearchBox.
Example
Description
UXSearchBox also has similar properties as in UXPopup that controls the dropdown menu effect. The following list describes the properties that control the dropdown menu effect.
Although these properties allow you to control each visual effects individually, it is advised that you avoid mixing the animation for DisplayAnimation or HideAnimation. If you want to disable certain animation, you can set the DisplayAnimation or HideAnimation property to None.
The following example shows how to customize dropdown effect in UXSearchBox.Code
XAML | ![]() |
---|---|
<Intersoft:UXSearchBox Name="SearchHotels" Intersoft:DockPanel.Dock="Right" Width="200" ItemTemplate="{StaticResource SearchItemTemplate}" EnableFadeInAnimation="True" EnableFadeOutAnimation="True" DisplayAnimation="None" HideAnimation="Fly" SlideDirection="Left" AutoShowResultBox="True" SearchResult="{Binding SearchResult}" QueryText="{Binding QueryText, Mode=TwoWay}" NavigateUriMemberPath="NavigateUri" IsSearching="{Binding IsSearching, Mode=TwoWay}" /> |