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	Copy Code
<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}" />

XAML

Copy Code

<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}" />

Concepts

Input Controls Overview

Other Resources

Locating the Samples in Local Installation

Walkthroughs and How-to Topics