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

[Solved] Radmenu Expand Arrow Gone from root level

10 Answers 402 Views

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

Peter asked on 26 Feb 2013, 11:15 AM

after-and-before.png

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.

10 Answers, 1 is accepted

answered on 28 Feb 2013, 04:10 PM

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.

answered on 26 Apr 2013, 06:34 AM

ContextAndTopMenusArrows.png

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

answered on 29 Apr 2013, 08:00 AM

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

answered on 29 Apr 2013, 05:44 PM

ContextAndTopMenusArrows.png

YourDemo.JPG

Outlook.JPG

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?

answered on 02 May 2013, 07:47 AM

expand-handler.png

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