Click here to Skip to main content
15,881,776 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I use ajax autocomplete extender in my page, everything work fine. the only problem is the suggestion box should be under the textbox, but it appeal a grap about 20~25px lower the textbox border. i hope my description about the problem is clear. Hope have solution for that.
thank you

C#
<style type="text/css">
.AutoExtender {
    border: solid 1px #006699;
    line-height: 25px;
    background-color: White;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.FillInText {
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    font-size: 12pt;
    vertical-align: middle;
    font-family: 'Times New Roman' , Times, serif;
    height: 20px;
}
</style>

ASP.NET
<asp:TextBox ID="txtName" runat="server" CssClass="FillInText" Width="197px"></asp:TextBox>
<ajaxToolkit:AutoCompleteExtender ServiceMethod="SearchCustomers" MinimumPrefixLength="1" CompletionListCssClass="AutoExtender"
CompletionInterval="10" EnableCaching="false" CompletionSetCount="15" TargetControlID="txtName"
ID="AutoCompleteExtender1" runat="server" FirstRowSelected="false">
</ajaxToolkit:AutoCompleteExtender>
Posted
Updated 21-Nov-15 17:03pm
v4
Comments
Inspect the textbox and extender in browser developer tool. See what all css are being applied.
Member 12115140 21-Nov-15 23:04pm    
updated to the question
I told you to inspect and find out.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900