Search This Blog

Wednesday, July 6, 2011

AutoCompleteExtender with Animation


<ajaxToolkit:AutoCompleteExtender runat="server" BehaviorID="AutoCompleteEx"
ID="autoComplete1" TargetControlID="txtPayorName" ServicePath="~/Public/AutoCompleteService.asmx"
MinimumPrefixLength="1" CompletionInterval="1000" EnableCaching="true" CompletionSetCount="20"
ServiceMethod="GetPayorsList" CompletionListCssClass="autocompleteCompletionListElement"
CompletionListItemCssClass="autocompleteListItem" CompletionListHighlightedItemCssClass="autocompleteHighlightedListItem"
DelimiterCharacters="">

    <Animations>

        <OnShow>
              <Sequence>  
                     <OpacityAction Opacity='0' />
                       <HideAction Visible='true'/>                                              
                        <Parallel Duration='.1'>
                                <FadeIn />
                                 <Length PropertyKey='height' StartValue='0' EndValueScript='225' />
                       </Parallel>
               </Sequence>
             </OnShow>
             <OnHide>
                    <Parallel Duration='.1'>
                           <FadeOut/>
                            <Length PropertyKey='height' StartValueScript='225' EndValue='0'/>
                     </Parallel>
               </OnHide>
    </Animations>
</ajaxToolkit:AutoCompleteExtender>

No comments:

Post a Comment