This is a migrated thread and some comments may be shown as answers.

One line AutoCompleteBox

1 Answer 31 Views
AutoCompleteBox
This is a migrated thread and some comments may be shown as answers.
Игорь
Top achievements
Rank 1
Игорь asked on 22 Apr 2019, 12:01 PM

Hi. I'm using Telerik.UI.for.Wpf.40 version 2015.1.0.1075.

If there are selected too many items in RadAutoCompleteBox, it height begins to grow and selected items are displayed on amy lines.

Is there some way to display all the selected items on one line?

Is there some way to show text "Selected XXX objects" instead of the selected items, when too many items are being chosen?

1 Answer, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 25 Apr 2019, 08:38 AM
Hello Игорь,

To achieve your requirement you can change the ItemsPanel of the AutoCompleteBoxesItemsControl. The AutoCompleteBoxesItemsControl is placed inside the ControlTemplate of RadAutoCompleteBox. So, you can extract the ControlTemplate of RadAutoCompleteBox, then find the AutoCompleteBoxesItemsControl in it, and replace its ItemsPanel. By default it uses AutoCompleteBoxesWrapPanel, but in your case you can try if the native StackPanel will work for you. 

Here is an example in code:
<telerik:AutoCompleteBoxesItemsControl x:Name="PART_Boxes"
                                    DisplayMemberPath="{TemplateBinding DisplayMemberPath}"
                                    BoxesItemTemplate="{TemplateBinding BoxesItemTemplate}"
                                    BoxesItemTemplateSelector="{TemplateBinding BoxesItemTemplateSelector}"
                                    BoxesItemStyle="{TemplateBinding BoxesItemStyle}"
                                    BoxesItemStyleSelector="{TemplateBinding BoxesItemStyleSelector}"
                                    IsTabStop="False"
                                    Foreground="{TemplateBinding Foreground}"
                                    Margin="{TemplateBinding Padding}">
    <telerik:AutoCompleteBoxesItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <!--<telerik:AutoCompleteBoxesWrapPanel/>-->
            <StackPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </telerik:AutoCompleteBoxesItemsControl.ItemsPanel>
</telerik:AutoCompleteBoxesItemsControl>
This is part of the ControlTemplate of the RadAutoCompleteBox.

You can also enable the ScrollViewer wrapping the AutoCompleteBoxesItemsControl by setting the ScrollViewer.HorizontalScrollBarVisibility property to Auto or Visible.
<telerik:RadAutoCompleteBox ScrollViewer.HorizontalScrollBarVisibility="Visible"/>

About the way to show text "Selected XXX objects", this is not supported out of the box. If you want to achieve such visualization you can introduce an additional element that will show this text in the ControlTemplate of RadAutoCompleteBox. Then when needed, you can set its Visibility to Visible, and the Visiblity of the AutoCompleteBoxesItemsControl Collapsed or Hidden.

Regards,
Martin Ivanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
AutoCompleteBox
Asked by
Игорь
Top achievements
Rank 1
Answers by
Martin Ivanov
Telerik team
Share this question
or