Radmenu Expand Arrow Gone from root level

11 posts, 0 answers
  1. Peter
    Peter avatar
    39 posts
    Member since:
    Jul 2012

    Posted 26 Feb 2013 Link to this post

    hi

    i have upgraded to the latest version of the controls and for some reason the expand arrow has dissapeared from the root level item where it was there before , is there any way of getting this back ?

    here is the menu
    <telerik:RadMenu ID="menu" runat="server" Width="100%" Skin="Metro" CssClass="MyMenu" EnableOverlay="true" EnableRoundedCorners="true" EnableShadows="true"
                    OnItemClick="menu_ItemClick">
                    <Items>
                        <telerik:RadMenuItem runat="server" Text="Xplore" Value="portal" NavigateUrl="../Default.aspx" >
                        <GroupSettings ExpandDirection="Down" />
                            <Items>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="EAP" Value="eap" NavigateUrl="../EAP.aspx">
                        <GroupSettings ExpandDirection="Down" />
                            <Items>
                                <telerik:RadMenuItem runat="server" Text="Find on Map" NavigateUrl="../FindOnMap.aspx?SRC=TOPRIGHT">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Find on Grid" NavigateUrl="../FindOnGrid.aspx?SRC=TOPRIGHT">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Search" NavigateUrl="../Search.aspx?SRC=TOPRIGHT">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Data Tables" NavigateUrl="../DataTables.aspx?SRC=TOPRIGHT">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Data Direct" Value="DD" NavigateUrl="http://{dd}/ControlPanel.aspx">
                        <GroupSettings ExpandDirection="Down" />
                            <Items>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" IsSeparator="True" Text="|" Width="40%">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Value="name" Text="Hello ">
                        <GroupSettings ExpandDirection="Down" />
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Account">
                        <GroupSettings ExpandDirection="Down" />
                            <Items>
                                <telerik:RadMenuItem runat="server" NavigateUrl="~/Admin/ChangePassword.aspx" Target="_self"
                                    Text="Change Password">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Help">
                        <GroupSettings ExpandDirection="Down" />
                            <Items>
     
                                <telerik:RadMenuItem runat="server" NavigateUrl="http://{dd}/ContactUs.aspx" Target="_self"
                                    Text="Contact Us">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Logout" Value="logout" PostBack="true">
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenu>

    see attached image for the visual differences , the first one is the new version , the second is the old.
    i havent done any style modifications only updated the telerik controls version.
  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 28 Feb 2013 Link to this post

    Hello, Peter.

    Initially we released the Menu Metro skin without the arrows. We added arrows later as an improvement. Yet we did not have arrows on any other skin and this is why we removed them for this release.

    I should note that this [removing the arrows] is not our final solution, as we'll be re-introducing the arrows later on, but in a different manner.

    You could easily return the arrows by adding a background image on the root menu link.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Peter
    Peter avatar
    39 posts
    Member since:
    Jul 2012

    Posted 28 Feb 2013 Link to this post

    can you please provide an example of how to do this please as i would really like the arrows back , as otherwise its not clear what is a drop down menu or not.

  5. Peter
    Peter avatar
    39 posts
    Member since:
    Jul 2012

    Posted 05 Mar 2013 Link to this post

    please can you give an example of putting the arrows back as i really need them for my project and dont want to have to revert to an earlier version of the controls.

  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 06 Mar 2013 Link to this post

    Hello Peter,

    As explained by my colleague you can easily add arrows to menu items when needed by using the approach describe in this demo here. We also decided to keep the arrows with the metro skin and we will do our best to make the necessary changes as soon as possible.

    Regards,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  7. loowool
    loowool avatar
    60 posts
    Member since:
    Sep 2006

    Posted 26 Apr 2013 Link to this post

    Dear Telerik,

    As you can see from the attached image, the context menu is perfectly showing the expand arrows (on items that have sub menus), while the top menu (not a context menu) is not.

    Why can't both context and non context menus use the same solution of the context menu.

    Salah A. Malaeb
    TeknoBuild
  8. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 29 Apr 2013 Link to this post

    Hi Salah,

    I tested the scenario that you describe with the RadMenu control and this demo but I was not able to reproduce the appearance that you describe. Can you provide more details on how to replicate the issue that you have from our side so I can inspect it thoroughly and help you out? Can you also clarify the version of the RadControls that you are using?

    All the best,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  9. loowool
    loowool avatar
    60 posts
    Member since:
    Sep 2006

    Posted 29 Apr 2013 Link to this post

    I'm using the last version of Telerik ASP.NET controls. I'm attaching the same image with some red circles next to the missing directional arrows from the top level menu (root level).

    Even the demo that you sent me has the same missing directional arrows on the root level (attached is a screen shot with red circles around the missing arrows too)

    Why the root level menu items don't have directional arrows like the outlook.jpg attached image or the contextmenu ones?
  10. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 02 May 2013 Link to this post

    Hi, Salah.

    Strictly speaking UI and components, the screenshots you attached are not comparable. Let me explain:

    The menu component, be it on Linux, Mac, Windows (or any other operating system) is usually made up from two sub components: the menu bar and menu popup. (menu bar being the root container and the menu popup being the sub item / context menu container).

    Not a single menu bar has expand handlers. And from usability point they don't need to, as all menu bar items expand, otherwise they wouldn't be there.

    Menu popup items DO have expand arrows, but that's another story.

    Now let's go over the screenshots you have sent us:
    * context menu: as explained above, menu popup items (context menu items included) have arrows;
    * outlook: this one uses ribbon interface, which could be regarded as a smart toolbar; toolbars in terms are made of buttons (among other things) and buttons can be push buttons, menu buttons, split buttons, with the latter two having a drop down arrow to indicate that there is and additional action associated with them.

    Having the expand arrows in the Metro skin in the first place was a wrong implementation of the design guidelines. We have corrected that [by removing the arrow].

    ---

    Having said all of the above, it doesn't mean that there won't be expand arrows and period. Instead it means that expand arrows will be added when we have agreed on the looks and implementation.

    The UI concepts are evolving. Especially with the rise of mobile devices usage traditional UI paradigms have to be rethought to be compatible and working properly. One such paradigm is the menu, items and sub items.

    Examine the attached screenshot. It illustrates properly the concept of having both own action associated with the menu item and sub items, which can be expanded on click -- the separate expand handler.

    In MS spec terms, that is called MenuSplitItem i.e. a menu items that has children. Implementing such behaviour in the RadMenu will be absolute breaking change and thus we'll not go on that path.

    We will, however, refine our implementation to allow expand handlers.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  11. Aaron Abdis
    Aaron Abdis avatar
    24 posts
    Member since:
    Mar 2005

    Posted 17 Jun 2013 Link to this post

    Ideally, would be nice - at both root level and below - to have a property, "ShowExpandoArrows As Boolean" or something like that.

    Just my 2 cents.  :)
  12. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 19 Jun 2013 Link to this post

    Hi, Aaron.

    We'll be delivering such functionality with 2013 Q3.

    Regards,
    Ivan Zhekov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017