align submenu to right of parent

[David]

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.

[Kamen Bundev]

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

[David]

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.

[Kamen Bundev]

Hello David,

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

Greetings,
Kamen Bundev
the Telerik team

[Ron]

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.

[Kiril Nikolov]

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

[Ron]

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. 

[Kiril Nikolov]

Hi Ron,

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

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

Regards,
Kiril Nikolov
Telerik

[Ron]

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? 

[Kiril Nikolov]

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

[Ron]

Brilliant, that's what I was looking for. Thanks!

[Kiril Nikolov]

Hi Ron,

I am glad to hear that the example helped.

Regards,
Kiril Nikolov
Telerik

[Per]

This also helped me, thank you!

[Jason]

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.

[Kiril Nikolov]

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