AutoCompleteExtender scolling up and down with page scolling
AutoCompleteExtender scolling up and down with page scollinghi,
I have aspx page and i am using AutoCompleteExtender. when i run
it is display data and suppose i not selected data from AutoCompleteExtender
and start page scolling it is automatic scrolling with page up and down.
So i want fixed position of AutoCompleteExtender with textbox of div. I am using
bootstrap class for div.
<style type="text/css">
.viewLableStyle
{
padding-left: 5px;
}
.CompletionList
{
margin: 0px;
border: 1px ridge #fecd04;
padding: 0px;
height: auto;
max-height: 135px;
overflow: auto;
background-color: #FFFFFF;
font-family: "Droid Sans" , Arial, verdana;
color: White;
border-radius: 0px 0 4px 4px;
box-shadow: -5px 1px 10px -5px #000000,0 5px 10px -5px #000000,5px 1px 10px -5px #000000;
}
.ListItem
{
color: White;
padding-left: 1px;
background-color: #3498db;
}
.ItemHighlighted
{
color: White;
background-color: #34495e;
}
</style>
<div class="col-sm-4 form-group">
<b>Farmer Name</b>
<asp:TextBox ID="tbFarmerName" runat="server" placeholder="Start typing to search..."
CssClass="form-control">
</asp:TextBox>
<asp:AutoCompleteExtender ID="aceFarmerName" runat="server" TargetControlID="tbFarmerName"
MinimumPrefixLength="1" EnableCaching="false" CompletionSetCount="0" CompletionInterval="100"
FirstRowSelected="false" CompletionListCssClass="CompletionList" CompletionListHighlightedItemCssClass="ItemHighlighted"
CompletionListItemCssClass="ListItem" ServiceMethod="GetAutoCompleteFarmerName"
>
</asp:AutoCompleteExtender>
</div>