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

align submenu to right of parent

14 Answers 195 Views
Menu
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 06 Feb 2012, 03:42 PM
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.

14 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 07 Feb 2012, 03:57 PM
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!
0
David
Top achievements
Rank 1
answered on 07 Feb 2012, 04:06 PM
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.
0
Kamen Bundev
Telerik team
answered on 08 Feb 2012, 02:19 PM
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!
0
Ron
Top achievements
Rank 1
Veteran
answered on 04 Feb 2014, 11:06 PM
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.
0
Kiril Nikolov
Telerik team
answered on 07 Feb 2014, 04:32 PM
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!
0
Ron
Top achievements
Rank 1
Veteran
answered on 07 Feb 2014, 09:41 PM
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. 
0
Kiril Nikolov
Telerik team
answered on 10 Feb 2014, 12:31 PM
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!
0
Ron
Top achievements
Rank 1
Veteran
answered on 10 Feb 2014, 12:58 PM
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? 
0
Kiril Nikolov
Telerik team
answered on 11 Feb 2014, 08:44 AM
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!
0
Ron
Top achievements
Rank 1
Veteran
answered on 11 Feb 2014, 09:49 AM
Brilliant, that's what I was looking for. Thanks!
0
Kiril Nikolov
Telerik team
answered on 11 Feb 2014, 11:00 AM
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!
0
Per
Top achievements
Rank 1
answered on 21 Apr 2015, 08:52 AM
This also helped me, thank you!
0
Jason
Top achievements
Rank 1
answered on 24 Sep 2015, 01:54 AM
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.
0
Kiril Nikolov
Telerik team
answered on 28 Sep 2015, 11:50 AM

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!
 
Tags
Menu
Asked by
David
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
David
Top achievements
Rank 1
Ron
Top achievements
Rank 1
Veteran
Kiril Nikolov
Telerik team
Per
Top achievements
Rank 1
Jason
Top achievements
Rank 1
Share this question
or