Hi

Im using the autocomplete component and I want to hide the scrollbar from the popup that displays the results but I don't know which class to modify to set overflow: hidden

Can anyone help?

Thanks

How to reproduce:

1. Select an item in the DropDownList using mouse.

2. Press tab to go to the next field. Focus should go to the next field. Instead focus goes back to the first field.

I modified REPL from your demos, adding textboxes to reproduce the issue.

demo 1: https://demos.telerik.com/blazor-ui/dropdownlist/templates

modified REPL: https://blazorrepl.telerik.com/cHawYHPd47d0122o27

demo 2: https://demos.telerik.com/blazor-ui/dropdownlist/virtualization

modified REPL: https://blazorrepl.telerik.com/QxYmknPR49ZdbVQQ02

I fix this focus issue using OnClose event, setting the focus to the current DropDownList with FocusAsync(). But I have to modify all the DropDownList in my projects. 

Let's say you have a grid of customers and you want to show the last five order numbers for that customer in a single column. 

How could this be done WITH data binding?

So, specifically you have a grid with two columns:  Name & Last 5 Order Numbers and it might looks like

Name | Last 5 Order Numbers

Acme | #1, #100, #200, #201, #202

Ford |  #11, #1100, #1200, #1201, #1202

Example Model

public class CustomerModel
{
    public string Name { get; set; }
    public List<string> Last5OrderNumber { get; set; } = new List<string>();
}

I came up with this, but wondering if there's a better way:

https://blazorrepl.telerik.com/cnEmunlL45zKNYAF51

I am trying to set the Title property on the TelerikComboBox component. This is then picked up by the Tooltip to display some custom help.

I have tried using AdaptiveMode="@AdaptiveMode.Auto" as suggested in the docs., but when I tried inspecting the resulting html in the browser the title is not set on the input element.

The ComboxBox itself is working fine.

I do the same thing with TelerikTextBox and I can see the title is set in the browser and my custom help displays.

This is my code:

Is there some kind of trick required to get this to work?

I am using Telerik.UiI.for.Blazor.Trial version 3.7.0

Thank you for any help

How does one change the picture animation this control uses?

Can you use a custom image, my own gif say?

Thanks

Deasun.

We are looking at swapping out the SyncFusion Sidebar for the Telerik Drawer. Currently, we use the Sidebar to hold a Telerik Treeview. This has become unwieldy as more nodes have been added and managing the Responsive needs. We just can't seem to get the right balance between the Treeview on the desktop browser and the mobile browser.

So a few quick questions:

1. It would appear that the Drawer would accomplish both of these tasks. Correct? 
2. If the above is correct, can we have more than one node expanded or does it always close the last selected node like in the demo?
3. Can we apply code to show/hide the node based on Security (Identity) Roles?
4. Lastly, can we search the drawer for a node? For example, right now we have a Search box allowing the user to quickly type for a menu item.

Thank you!

We are using this example (https://docs.telerik.com/blazor-ui/knowledge-base/menu-megamenu) to make a mega menu in our page header, but we would like to make the popup animation the full-width of the screen.

We used this CSS to override the class of the popup, but this also overrides all the other animation popups. We only want to have this full-width for the mega menu animations and not any of the other popups like the dropdownlist or the context menu, etc.

.k-animation-container {
    left: 0 !important;
    width: 100% !important;
}

We found a similar issue reported in the Kendo UI forums, but suggestion was to use jQuery to detect clicks:

https://www.telerik.com/forums/k-animation-container-1384e3db9853

Is this there no way to do this with CSS? Seems like it would be beneficial to have some type of unique identifier for the different popups to be able to style them individually. 

A user selects a file and then wishes to remove it.

How do I programmatically remove the content of the fileselect? I have tried binding without success.

Many thanks,

Rob

I'm using a textbox in a grid and have a real estate issue where text is cut off because I'm limited on the width of the textbox.  The end users will typically save special characters (e.g. '@, ( ), etc...').  These cause the tooltip to blow up as it appears to use a Jquery selector which doesn't like special characters.

Is there a workaround for this?  I don't want to tell the end-users that they can't use characters they're used to using.