Control ItemList height in AutoCompleteBox

Question

4.00/5 (1 vote)

See more:

Hi,

I have an autocomplete box which will populate items whenever I have entered some key in that. My problem is I need to control the height of the autocomplete listitems.

My autocomplete always needs to display 15 items, if it contains more items it will need a scroll bar.

XML

<input:AutoCompleteBox Width="125" x:Name="EmployeeList" MinimumPrefixLength="1" Grid.Column="0"  HorizontalAlignment="Stretch" FilterMode="Contains"  Margin="2>
         <input:AutoCompleteBox.ItemTemplate>
             <DataTemplate >
                 <highlight:HighlightingTextBlock HighlightText="{Binding SearchText, ElementName=Employee}"  Text="{Binding}"/>
             </DataTemplate>
         </input:AutoCompleteBox.ItemTemplate>
     </input:AutoCompleteBox>

Posted 13-Mar-11 23:30pm

Gopinath Sugumar

Updated 13-Mar-11 23:56pm

LittleYellowBird

v2

Add a Solution

Comments

LittleYellowBird 14-Mar-11 5:57am

Hi, it is not clear what your question is. What part of this is not working? What bit are you having difficulties with? If you can explain better you will get a faster response. Just a suggestion. :)

Sandeep Mewara 14-Mar-11 6:26am

Comment from OP:
thanks Alison, The AutoCompletbox always need to display 15 records even it contains moreitems For example if i am entering "e" ,My autocomplete box is displaying matching records in my case lets say 20 records ,but i need the autocomplete box need to display only 15 recods, if records size is >10 scroll viewer need to come

LittleYellowBird 14-Mar-11 7:04am

Hi, I am sorry but I can't help you as I know nothing about Silverlight, I just thought your question was a bit vague. Perhaps others who are more knowledgable will be able to assist. I do wonder how it would know which 15 out of 20 (in your example) you want it to display? Best of Luck, Ali :)

Gopinath Sugumar 14-Mar-11 7:16am

thanks Alison,
Me got the solution we need to add one property MaxDropDownHeight="220" to the autocomplete box so that we can control the height of the Autocomplete itemlist

<input:AutoCompleteBox MaxDropDownHeight="220" Width="125" x:Name="EmployeeList" MinimumPrefixLength="1" Grid.Column="0" HorizontalAlignment="Stretch" FilterMode="Contains" Margin="2>
<input:AutoCompleteBox.ItemTemplate>
<datatemplate>
<highlight:highlightingtextblock highlighttext="{Binding SearchText, ElementName=Employee}" text="{Binding}" xmlns:highlight="#unknown">

</input:AutoCompleteBox.ItemTemplate>
</input:AutoCompleteBox>

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

MPavanraje · Answer 1 · 2011-03-14T01:15:00

Solution 1

Hi,

You can do that by adding this code into style-sheet:

CSS

ul {
height:170px;//you need to change the height value as much items you want
overflow:auto;
}

-----
Regards,
Pavanraje Dongare
(Unique way towards Right Solution)

Posted 14-Mar-11 1:15am

MPavanraje

Gopinath Sugumar · Answer 2 · 2011-03-14T01:48:00

Me got the solution we need to add one property MaxDropDownHeight="220" to the autocomplete box so that we can control the height of the Autocomplete itemlist

XML

<input:AutoCompleteBox MaxDropDownHeight="220" Width="125" x:Name="EmployeeList" MinimumPrefixLength="1"
                           Grid.Column="0" HorizontalAlignment="Stretch" FilterMode="Contains" Margin="2>
                           <input:AutoCompleteBox.ItemTemplate>
//ur template
                           </input:AutoCompleteBox.ItemTemplate>
    </input:AutoCompleteBox>