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

Different alignment of menu items

4 Answers 502 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Kaan
Top achievements
Rank 1
Kaan asked on 09 May 2017, 04:37 PM

Hello!

How can I create a menu, with some items being aligned on the left side and some other items being aligned on the right side?

For example, the menu in the second row of the Telerik website: http://www.telerik.com/

Products, Demos etc. are on the left side; Search, shopping cart etc. are on the right side.

 

Best regards,

Kaan

4 Answers, 1 is accepted

Sort by
0
Accepted
Dimitar
Telerik team
answered on 11 May 2017, 12:20 PM
Hello Kaan,

On the following Dojo example you will find a basic Kendo Menu setup, which uses CSS to align some of the items to the right. You will notice that I have added a class to the items which I want to align to the right (align-right) and afterwards I apply the following rule to modify their behavior:
#menu .align-right {
  float
: right;

}

I hope this helps. In case you have any other questions, please do not hesitate to contact us.

Regards,
Dimitar
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Kaan
Top achievements
Rank 1
answered on 15 May 2017, 02:53 PM
Thank you, Dimitar!
0
Kaan
Top achievements
Rank 1
answered on 29 May 2017, 05:27 PM

Hello!

In Chrome for Android the sub menu which appears below the user icon is aligned outside the screen and therefore expands the screen width: http://dojo.telerik.com/Unohi (you need to run the full screen mode).

The issue does not appear in the desktop versions of Chrome, Firefox and Edge.

How can I solve this issue?

Best regards,

Kaan

0
Dimitar
Telerik team
answered on 30 May 2017, 12:24 PM
Hello Kaan,

Thank you for getting back to us.

I can confirm that this is a bug in the Kendo Menu widget. I have logged the issue in the official bug tracker and you can start tracking the progress we make on it from here.

As a small token of gratitude for discovering this bug, I have also updated your Telerik points. You can find more details in your Telerik profile.

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Menu
Asked by
Kaan
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Kaan
Top achievements
Rank 1
Share this question
or