Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

AutoCompleteExtender empty list vertical line anomally

$
0
0

I have two (2) functioning AutoCompleteExtender's on my page. One is servicing a GridView inside a FormView. The other is inside the same FormView, but inside a TabPanel. Like I said, both work, but the one inside the TabPanel displays this vertical line that appers to be the outline of empy result listing.

When I click inside the TextBox and begin to type and receive results it goes away or is transformed into a populated result listing.

Here is the markup.....

<asp:FormView ID="FormView2" runat="server" Width="100%" DataSourceID="SqlDataSource2" DataKeyNames="ISTM_NMBR, CKIN_DATE" ><EditItemTemplate><asp:Panel ID="Panel_EditItemTemplate_Details" runat="server" Width="100%"><table cellpadding="3px 5px 3px 5px" style="border-collapse:collapse;"><tr><td valign="top" align="right"><asp:Label ID="Label7" runat="server" Text="Machine:" ></asp:Label></td><td valign="top" align="left" colspan="3" ><asp:TextBox ID="TextBox_MACHINE" runat="server" Text='<%# Eval("MACHINE") %>'
					CssClass="textbox_watermark_footer" /><asp:AutoCompleteExtender runat="server"
					ID="AutoCompleteExtender2"
					TargetControlID="TextBox_MACHINE"
					ServiceMethod="GetActiveMachines"
					ServicePath="~/Shared/WebService/Machines.asmx"
					MinimumPrefixLength="1"
					CompletionInterval="1000"
					EnableCaching="true"
					CompletionSetCount="20"
					ShowOnlyCurrentWordInCompletionListItem="true"
					DelimiterCharacters=";,:"
					UseContextKey="true" OnClientPopulated="onListPopulated_MACHINE"
					BehaviorID="AutoCompleteEx_MACHINE"
					CompletionListCssClass="CompletionList"
					CompletionListHighlightedItemCssClass="CompletionListHighlightedItem"
					CompletionListItemCssClass="CompletionListItem"></asp:AutoCompleteExtender></td></tr>

....and CSS

.CompletionList
{
    border: solid 1px #444;
    margin: 0;
    padding: 2px;
    height: 150px;
    overflow: auto;
    background-color: #666;
    font-size: .85em;
    text-align: left;
}
.CompletionListItem
{
    color: #ccc;
}
.CompletionListHighlightedItem
{
    background-color: #ffc0c0;
    color: #000;
    cursor: default;
}

JS function

function onListPopulated_MACHINE(sender) {
            var completionList = $find("AutoCompleteEx_MACHINE").get_completionList();
            completionList.style.width = 'auto';
        }

Nothing out of the ordinary.

I hope that someone can offer a solution.

Thanks.


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>