RTL Multi-Column menu

4 posts, 0 answers
  1. banana
    banana avatar
    3 posts
    Member since:
    Mar 2014

    Posted 18 Mar 2014 Link to this post

    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.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 18 Mar 2014 in reply to banana Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. banana
    banana avatar
    3 posts
    Member since:
    Mar 2014

    Posted 18 Mar 2014 in reply to Shinu Link to this post

    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?
  5. banana
    banana avatar
    3 posts
    Member since:
    Mar 2014

    Posted 19 Mar 2014 in reply to banana Link to this post

    I am attaching images which illustrate the problem:
Back to Top