Different alignment of menu items

5 posts, 1 answers
  1. Kaan
    Kaan avatar
    46 posts
    Member since:
    May 2016

    Posted 09 May 2017 Link to this post

    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

  2.
  3. Answer
    Dimitar
    Admin
    Dimitar avatar
    807 posts

    Posted 11 May 2017 Link to this post

    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.
  5. Kaan
    Kaan avatar
    46 posts
    Member since:
    May 2016

    Posted 15 May 2017 Link to this post

    Thank you, Dimitar!
  7. Kaan
    Kaan avatar
    46 posts
    Member since:
    May 2016

    Posted 29 May 2017 Link to this post

    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

  8.
  9. Dimitar
    Admin
    Dimitar avatar
    807 posts

    Posted 30 May 2017 Link to this post

    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.
Back to Top