hi
i have an autosuggest that is like this
<
ajaxToolkit:AutoCompleteExtenderrunat="server"
BehaviorID="AutoCompleteEx"ID="autoComplete1"
TargetControlID="txtnombre"ServicePath="autocompleta.asmx"
ServiceMethod="nombres"MinimumPrefixLength="2"
CompletionInterval="250"
EnableCaching="true"
CompletionSetCount="10"CompletionListCssClass="autocomplete_completionListElement"
CompletionListItemCssClass="autocomplete_listItem"
CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
OnClientItemSelected="setValue"
ShowOnlyCurrentWordInCompletionListItem="true" >
<Animations>
<OnShow>
<Sequence>
<OpacityAction Opacity="0" />
<HideAction Visible="true" />
<ScriptAction Script="
// Cache the size and setup the initial size
var behavior = $find('AutoCompleteEx');
if (!behavior._height) {
var target = behavior.get_completionList();
behavior._height = target.offsetHeight - 2;
target.style.height = '0px';
}"
/>
<Parallel Duration=".4">
<FadeIn />
<Length PropertyKey="height" StartValue="0" EndValueScript="$find('AutoCompleteEx')._height" />
</Parallel>
</Sequence>
</OnShow>
<OnHide>
<Parallel Duration=".4">
<FadeOut />
<Length PropertyKey="height" StartValueScript="$find('AutoCompleteEx')._height" EndValue="0" />
</Parallel>
</OnHide>
</Animations>
</ajaxToolkit:AutoCompleteExtender>
and a stylesheet that is:
body {
}
.autocomplete_completionListElement
{
visibility : hidden;
margin : 0px!important;background-color : inherit;
color : windowtext;border : buttonshadow;
border-width : 1px;border-style : solid;
cursor : 'default';overflow : auto;
height : 200px;text-align : left;
list-style-type : none;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
background-color: #ffff99;
color:Yellow;padding: 1px;
}
/* AutoComplete item */
.autocomplete_listItem
{
background-color : window;
color : windowtext;padding : 1px;
}
the problem is that i want to make it wider and to highlight it when the mouse is over an item in the suggestion
thank you