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

RTL Multi-Column menu

3 Answers 49 Views
Menu
This is a migrated thread and some comments may be shown as answers.
banana
Top achievements
Rank 1
banana asked on 18 Mar 2014, 08:11 AM
My site has RTL layout.
I use RadMenu on the site for a long time and it was fine.
Now I've set the menu drop-down to contain two columns, and since then there is a strange problem:
In IE8 and Firefox - for the first time the drop-down menu appears to the right of the item that opens
it
, and only the second time and on - it appears on the left. (- This is the proper look for RTL)
This is particularly problematic in the first items on the menu because then the right part of the
pop-up menu appears off screen.
In Chrome - There is no difference between the first time and the other times, but it's always not aligned with the item that opens
it
.
Is it a known bug?
How can I solve it?
Thank you.

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 18 Mar 2014, 10:35 AM
Hi,

Please try the sample code snippet which works as expected for me .

ASPX:
<telerik:RadMenu dir="rtl" runat="server" ID="RadMenu1">
    <DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" />
    <Items>
        <telerik:RadMenuItem Text="Item1">
            <Items>
                <telerik:RadMenuItem Text="Item1.1">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item1.2">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item1.3">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item1.4">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Item2">
            <Items>
                <telerik:RadMenuItem Text="Item2.1">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item2.2">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item2.3">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Item2.4">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

Thanks,
Shinu.
0
banana
Top achievements
Rank 1
answered on 18 Mar 2014, 11:45 AM
I tried to use the code you wrote, but even with it I still have the same problems.
I comment all my CSS and JS settings, and the problems still exist.

Is it working for you right in Internet Explorer 8 - immediately in the first time?
By the way - I am working on SharePoint 2010 - Is it relevant?
0
banana
Top achievements
Rank 1
answered on 19 Mar 2014, 11:43 AM
I am attaching images which illustrate the problem:
Tags
Menu
Asked by
banana
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
banana
Top achievements
Rank 1
Share this question
or