When we have more menu items than that can be displayed in a single line in the browser window, the menu will span multiple lines.
Can we have the menu items automatically collapsed to '...' button so that they can fit in a single line and when user clicks on the '...' button, they can see those items that cannot fit in the current line.
I see. However, it is nice to have such a feature that the menu can automatically fit into a single line.
This is a very common scenario when the menu is too long, or when it is displayed on a mobile device.
import { Component, ViewEncapsulation } from '@angular/core';
import { items } from './items';
@Component({
selector: 'my-app',
template: `
<
kendo-menu
[items]="items">
</
kendo-menu
>
`,styles: [`
.k-menu .k-item{
display: inline-block;
}
`],
encapsulation: ViewEncapsulation.None
})
export class AppComponent {
public items: any[] = items;
}