AppBar with dropdown menu

[Kenny]

I need to create a dropdown menu on the Appbar. how can I do that? I used <kendo-menu-item>, but it doesn't align with other items in the appbar-section

[Zornitsa]

Hi Kenny,

From what I understand, your desire is to display a Menu that shows a popup list of items in the content of the AppBar component, is that correct? 

If this is the case, I configured the following StackBlitz example to demonstrate a sample implementation of a Menu component rendered inside a separate AppBarSection component in the content of the AppBar:

• https://stackblitz.com/edit/angular-5r1ibi 

On that note, can you please clarify how exactly are the menu items not aligned with the rest of the content in the AppBar since in the above example, it seems to be that they appear properly and are aligned as expected? 

With the above being said, in case the implementation of the StackBlitz example does not fully match up with the use case on your side, please provide more details on the required scenario for showing a dropdown menu in the AppBar. For instance, what are the specific configurations and desired appearance of the AppBar, and how do they differ from the ones in the above example?

Please observe the provided information and let me know what you think.

Regards,
Zornitsa
Progress Telerik

[Kenny]

Thanks. It works. I was combining <ul><li> instead of using kendo-menu-item.