RadAutoSuggestBox Footer

2 Answers 89 Views
AutoSuggestBox
Richard
Top achievements
Rank 2
Iron
Veteran
Iron
Richard asked on 14 Jun 2021, 09:39 AM

Hi, have you any recommendation on how best to add a footer to the RadAutoSuggestBox?

E.g. "Showing 20 results of 100"

Thanks,

Richard

Martin Ivanov
Telerik team
commented on 15 Jun 2021, 12:01 PM

Can you tell me what do you mean by footer? Is it an element placed under the input box (the RadAutoSuggestBox control)? If this is the case, then note that there is no built-in support for this in the control. Instead, you can place a TextBlock control under the RadAutoSuggestBox and display the required text there.
Richard
Top achievements
Rank 2
Iron
Veteran
Iron
commented on 15 Jun 2021, 01:21 PM

Sorry comment below , still getting used to this new forum.

2 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 2
Iron
Veteran
Iron
answered on 15 Jun 2021, 01:19 PM

Hi Martin, I was hoping I'd be able to get it to show something like the mock-up in the attached image. Where there is a little summary info for when the results of the autosuggest are too long. So that the user can know they need to keep typing to get more refined results. 

In my app, I have embedded the auto-suggest in the title bar of the main window so I can't add a text box under it. Is it possible to inject a textbox under the scroll viewer of the open dropdown box?  If not, could it be added to your feature request list? 

Thanks,

Richard

0
Martin Ivanov
Telerik team
answered on 16 Jun 2021, 10:08 AM

Hello Richard,

There is no built-in element in the drop down area that will allow you to achieve your requirement. However, you can do so using a custom solution. Basically, you can extract the ControlTemplate of the RadAutoSuggestBox and add a new element in the Popup that shows the drop down content. You can place the new element under the RadListBox control in the template (x:Name="PART_ItemsHost"). Then, you can update its contents based on the current search results.

Regards,
Martin Ivanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
AutoSuggestBox
Asked by
Richard
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Richard
Top achievements
Rank 2
Iron
Veteran
Iron
Martin Ivanov
Telerik team
Share this question
or