align submenu to right of parent

15 posts, 0 answers
  1. David
    David avatar
    45 posts
    Member since:
    Feb 2012

    Posted 06 Feb 2012 Link to this post

    Hi,

    In a horizontal menu, we would like to right-align the first submenu to the parents right border.
    Is this an option in the control?

    We're using the menu widget as a means of providing a "user control bar" where the user when he hovers his name, (parent menu item), shows a div below which has some infromation; this div should right-align to the parent item...

    David.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Feb 2012 Link to this post

    Hello David,

    Unfortunately this is not possible with the first version of Kendo UI. However we will introduce a "direction" option for the Menu in the service pack due this week.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. David
    David avatar
    45 posts
    Member since:
    Feb 2012

    Posted 07 Feb 2012 Link to this post

    Hi Kamen,

    thanks for the update!  Good to see the progress being made.
    I'm just not too sure about the naming of the parameter... direction has another meaning to me...

    direction, to me, relates more to the order in which items are being ordered (from right to left, meaning the first item would be floating to the right of the containing div...)

    I'm stll more convinced that "parent-alignment" for instance would be a better choice; make that option available on each level, and you can have your first child right-aligned to the parent item for instance, and have another setting for the second level...

    Just makes more sense to me, if you know what I mean...


    Again - thanks for the update though!  We're moving from jQueryUI to you guys soon if our testing goes well...  We love jQueryUI, but the fact that it is all free and open source just seems to be slowing development down a bit too hard (we've been waiting on a grid for ages, unfortunately...)  So good to see Telerik came up with this, although in an ideal world, i would love for all those guys working out frameworks now to combine efforts and make the best possible :o)


    David.
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 08 Feb 2012 Link to this post

    Hello David,

    Unfortunately it is too late - we already released the service pack yesterday. :)

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Ron
    Ron avatar
    48 posts
    Member since:
    Oct 2010

    Posted 04 Feb 2014 Link to this post

    This request was posted 2 years ago. Is it still not possible to align the subitems this way? I too am trying to align the first-level subitems in a similar fashion. To be presice, the subitems' top-right corner should be aligned to the bottom-right corner of the parent.
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 07 Feb 2014 Link to this post

    Hi Ron,

    Please check the following demo and let me know if it helps:

    http://demos.telerik.com/kendo-ui/web/menu/orientation.html

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. Ron
    Ron avatar
    48 posts
    Member since:
    Oct 2010

    Posted 07 Feb 2014 in reply to Kiril Nikolov Link to this post

    Unfortunately that demo does not help. I have seen all the demos but it's not what I'm looking for. The closest thing to what I want is the RTL demo. I have attached an image showing the behavior that I am looking for. 
  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 10 Feb 2014 Link to this post

    Hi Ron,

    This can be achieved with simple CSS rules. Please check this example:

    http://jsbin.com/bumiw/1/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  10. Ron
    Ron avatar
    48 posts
    Member since:
    Oct 2010

    Posted 10 Feb 2014 in reply to Kiril Nikolov Link to this post

    I'm sorry, but that is a poor solution. Since my menu is going to be built dynamically, I have no idea about the with of the subitems. Simply adding a margin to the left is not good enough. I need a solution with 'real' right alignment. I have tried making it work with CSS only, but I haven't been able to find such a solution without using javascripting to adjust the positioning? Any better solutions? 
  11. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 11 Feb 2014 Link to this post

    Hello Ron,

    You can adjust the whole animation container, so it will not matter how big the items inside are. Please check this:

    http://jsbin.com/jiwej/1/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  12. Ron
    Ron avatar
    48 posts
    Member since:
    Oct 2010

    Posted 11 Feb 2014 in reply to Kiril Nikolov Link to this post

    Brilliant, that's what I was looking for. Thanks!
  13. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 11 Feb 2014 Link to this post

    Hi Ron,

    I am glad to hear that the example helped.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  14. Per
    Per avatar
    3 posts
    Member since:
    Aug 2012

    Posted 21 Apr 2015 Link to this post

    This also helped me, thank you!
  15. Jason
    Jason avatar
    4 posts
    Member since:
    Mar 2015

    Posted 23 Sep 2015 Link to this post

    This also helped me, thanks.  Although I think a better solution is to support this in the configuration of Menu.  It is using a Popup underneath anyway, so if there were a direct way to set the Popup's origin and position this CSS hack wouldn't be required.  I understand multi-level menus (and backwards compatibility) may complicate matters, just thought I would put the idea out there.
  16. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 28 Sep 2015 Link to this post

    Hello Jason,

    You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready