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

Radmenu Expand Arrow Gone from root level

10 Answers 288 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Peter
Top achievements
Rank 1
Peter asked on 26 Feb 2013, 11:15 AM
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

Sort by
0
Ivan Zhekov
Telerik team
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.
0
Peter
Top achievements
Rank 1
answered on 28 Feb 2013, 04:12 PM
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.

0
Peter
Top achievements
Rank 1
answered on 05 Mar 2013, 11:38 AM
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.

0
Kate
Telerik team
answered on 06 Mar 2013, 09:30 AM
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.
0
loowool
Top achievements
Rank 2
answered on 26 Apr 2013, 06:34 AM
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
0
Kate
Telerik team
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
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.
0
loowool
Top achievements
Rank 2
answered on 29 Apr 2013, 05:44 PM
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?
0
Ivan Zhekov
Telerik team
answered on 02 May 2013, 07:47 AM
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.
0
Aaron Abdis
Top achievements
Rank 1
answered on 17 Jun 2013, 05:04 PM
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.  :)
0
Ivan Zhekov
Telerik team
answered on 19 Jun 2013, 10:58 AM
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.
Tags
Menu
Asked by
Peter
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Peter
Top achievements
Rank 1
Kate
Telerik team
loowool
Top achievements
Rank 2
Aaron Abdis
Top achievements
Rank 1
Share this question
or