Atlas AutoCompleteExtender

<< Time to Drag and Drop | Home | AutoCompleteExtender control, again >>

Atlas AutoCompleteExtender

While I was spending some time on the Atlas AutoCompleteExtender control, a thought crossed my mind, which is changing the background color of the dropped down panel. Umm, I noticed a property called “ DropDownPanelID “ which you can use to link for a “customzied“ panel to be dropped down. But, I found myself able to change most of the panel's properties expect the ones related to COLORING stuff. And here's my code.

<asp:TextBox ID="TextBox1" runat="server">asp:TextBox>

<atlas:AutoCompleteExtender DropDownPanelID="myPanel" runat="server" ID="autoComplete1" >

<atlas:AutoCompleteProperties TargetControlID="TextBox1"

Enabled="True" ServicePath="AutoCompleteService.asmx"

ServiceMethod="GetWordList" />

<atlas:AutoCompleteExtender>

The text-transform, text-decoration and font worked fine, but the other properties didnt work at all. I also tried to change the < div> with an <asp:Panel> control. But I also got the same resluts. So, guys, set me up if it's my mistake .. or fix it up if it's Atlas's mistake :-) .

Print | posted on Monday, January 30, 2006 1:00 PM |

Feedback

# re: Atlas AutoCompleteExtender

First, I would really recommend you start using CssClass with Atlas instead of inline styles, but that's not the problem here.
Currently, you can't change the padding, textAlign, textOverflow, backgroundColor and color of the autocomplete elements as we're hard-coding them. In a future release, we'll probably expose a CSS class property for that.

1/30/2006 4:31 PM | Bertrand Le Roy

# re: Atlas AutoCompleteExtender

Also, you may be able to override these defaults by creating a CSS class that targets DIVs inside the autocomplete div and adding the !important CSS modifier.

1/30/2006 4:33 PM | Bertrand Le Roy

# re: Atlas AutoCompleteExtender

Oh, I see..
Thanks for helping, wish you best of luck in coding them :-)

1/30/2006 5:50 PM | Ayman Farouk

# re: Atlas AutoCompleteExtender

How you create a CSS class that targets DIVs inside the autocomplete div. I don't understand... Please give a sample

8/24/2006 2:38 PM | Minh

# re: Atlas AutoCompleteExtender

The Autocomplete extender doesn't work for me as

a asp:textbox insice a Custom Web Control inside a MasterPage.

Can anyone help ?

9/1/2006 6:58 AM | Anuj Pandey

# re: Atlas AutoCompleteExtender

You can find very good explanation how to set CSS properties for AutoCompleteExtender here:

"Setting the style of the items shown by the AutoCompleteBehavior"

http://msmvps.com/blogs/luisabreu/archive/2006/08/27/110487.aspx

9/29/2006 7:25 AM | Max Mulawa

# re: Atlas AutoCompleteExtender

You can override all style attributes of the autocompleteextender

<style type="text/css">
#autoComplete1_completionListElem{
font-family: arial;
font-size: small;
background-Color: #f00;
border: solid 1pt #000;
}
</style>

4/28/2007 9:14 AM | Rene Drescher-Hackel

Ayman Farouk

My Links

News

Archives

Blogroll

Links