RadMenu Expand Image on Root Level

[Mark]

Hello,

Using Sitefinity and RadMenu I can see the Expand Item Image (arrow) appears on parent menu items.

But the Arrow does not appear on parent menu items that belong to the root level of the menu.

How can I make the arrow appear for root menu items that have children?

Regards,

Mark.

[Ivan Dimitrov]

Hello Mark,

Generally each Item is represented by a RadMenuItem instance. You can get this instance and check whether the parent is hovered and add the image..

All the best,
Ivan Dimitrov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mark]

Hello,

Thanks for the reply but that is not what I am after.

I want an arrow to appear on any menu item that has child menu items.

There are no arrows on top level menu items. They only appear on sub level menu items.

I.E. a menu item on the top level that has a child menu does not show an arrow.

If you look at this image http://www.royalsilverservice.co.uk/assets/temp/menu1.gif
you will see there is no arrow next to the Services menu item.

On this image: http://www.royalsilverservice.co.uk/assets/temp/menu2.gif
you can see that there is a child meniu on the Services menu item.

I would like to show the arrow on the Services Menu Item. I thought this would be built in to the menus functionality but I can not figure out how to do it.

Mark.

[Ivan Dimitrov]

Hello Mark,

Try adding the following css class to the RadMenu declaration.

  <style type="text/css">
        div.RadMenu_Telerik .rmRootGroup .rmExpandRight,
        div.RadMenu_Telerik .rmRootGroup .rmExpandDown,
        div.RadMenu_Telerik .rmRootGroup .rmItem .rmDisabled .rmExpandRight,
        div.RadMenu_Telerik .rmRootGroup .rmItem .rmDisabled .rmExpandDown,
        div.RadMenu_Telerik .rmRootGroup .rmItem .rmDisabled:hover .rmExpandRight,
        div.RadMenu_Telerik .rmRootGroup .rmItem .rmDisabled:hover .rmExpandDown,
        .RadMenu_Telerik .rmRootGroup .rmLink:hover .rmExpandRight,
        .RadMenu_Telerik .rmRootGroup .rmLink:hover .rmExpandDown,
        .RadMenu_Telerik .rmRootGroup .rmExpanded .rmExpandRight,
        .RadMenu_Telerik .rmRootGroup .rmExpanded .rmExpandDown {
                background-position:100% -215px;
                padding-right: 3px;
        }
    </style>

Best wishes,
Ivan Dimitrov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mark]

Hi again,

Yes, thanks.
That is cool for the Telerik skin.

I have tried to do the same with some of the other skins but they do not work as well. The images are not lined up correctly.

Is Telerik skin a special case or is it possible with other skins too?

Regards,
Mark.

[Ivan Dimitrov]

Hello Mark,

Most of the skins use sprite images. In the Telerik skin it is rmSprite.png. The problem is that the arrows does not appear on the first level, but using css you can enable them as my example shows.

Sincerely yours,
Ivan Dimitrov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mark]

Hi Ivan,

I am working only with skins that use rmSprite.png. Your code only works well for Default skin. Other skins show missing images in various parts of the menu.

Do you know if there are any plans to build in support for showing the expand image on root level?

Note:

I think that it would be easier to set the correct images for expand image if rmExpandRight class was added to the rmLink as well as the rmText. This would allow the correct image to be shown for the left hand side of the expand image.

Currently it only seems possible to show one left side image in rmLink for both Parent and non-parent Focused menu items.

The class for both looks like this:

Parent Menu Item: class="rmLink rmFocused"

Non Parent Menu Item: class="rmLink rmFocused"

Where the class for the right hand side looks like this:

Parent Menu Item:  class="rmText rmExpandRight"

Non Parent Menu Item: class="rmText"

What do you think?

Does anybody have any working example of the newest RadMenu in Vertical orientation with Expand images / arrows on the Root Level?

Regards,

Mark.

[Katia]

Hello Mark,

Thanks for your feedback. I have forwarded it to the people that support RadMenu and they will consider it for future versions of the menu. Your opinion is greatly appreciated.

If you still have problems with "the Expand Item Image" I will need your master page (files in ~/App_Master) and your site theme (~/App_Themes).

Kind regards,
Katia
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.

[H.]

Hi guys.  I need to add a image at the right in the top level items of the menu when these have children. Example

Level 1  (I need to add the arrow image in this level)
    Level 1.1
        Level 2.1
        Level2.2

I tried with the skin but it does not work!!
Thnx!

[Ivan Dimitrov]

Hi H.,

You  can use the server side or client side API of the RadMenu control to add the images. Insde ItemDataBound event of the control you can get the RadManuItem and check whether it has child items by using Items property. If you are working on the client you can use get_items method.

Best wishes,
Ivan Dimitrov
the Telerik team

[taus]

Hi 

How can i expand my menu using access key without use of Arrow keys

for example:

i have a menu named :       Setup

which have child elements     Setup
About US
Contact US

<telerik:RadMenu ID="RadMenu1" runat="server" Skin="WebBlue">
        <Items>
            <telerik:RadMenuItem Text="Setup" AccessKey="S">
                <Items>
                <telerik:RadMenuItem Text="About US" AccessKey="A" NavigateUrl="AboutUs.aspx"></telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Contact US" AccessKey="C" NavigateUrl="ContactUs.aspx"></telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" AccessKey="M" Text="Master">
                <Items>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/AboutUs.aspx" 
                        Text="About Us">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/ContactUs.aspx" 
                        Text="Contact Us">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>


Now when i press Alt + S the focus goes to Setup but it does not expand the menu
instead we have to explicitly press the Down Arrow key to expand it..

Now can i expand the Setup Menu when i press the Shortcut key i.e Alt + S   ???????????????

[Ivan Dimitrov]

Hi taus,

Child menu items are expanded using the arrow keys from the opposite (perpendicular) axis: for example, in a horizontal menu, the left and right arrow keys (or [TAB] and [SHIFT]+[TAB] key combinations) navigate among the parent items; child items are accessed with the up and down arrow keys.

Use the [ESC] key to go back one level.

The following properties are related to keyboard accessibility as they define the flow and expanding direction of menu items:

• Flow
  This property defines whether the menu (or submenu) is horizontal or vertical. The left and right arrow keys navigate horizontal menus, while the up and down keys navigate vertical menus. Similarly, in a horizontal menu, the up and down arrow keys expand the child items of a focused parent, whereas in a vertical menu, children are expanded using the left and right keys.
• GroupSettings
  Each RadMenuItem has a GroupSettings property that specifies how its child menu expands. Apart from setting the Flow property on the menu level, you can explicitly set the flow and the expanding direction for each particular menu item. The values you set at this level affect the selected item's children

All the best,
Ivan Dimitrov
the Telerik team

[taus]

hi Ivan

i know that parent and child menu can be expanded using the directional keys i.e up,down,right,left 

But If i dont want to use Up, down, right or left keys  to expand the parent menu

I just want to use shortcut key i.s Alt + S to expand the parent menu.

Take An Example of Windows Explorer ::::

when u press "Alt + F" keyCombination  the File menu gets expanded and we can chose new,open,save etc option in this case we havn't used the arrow key to see the child elements,
In Windows Explorer File parent Menu expands just by Pressing Alt + F

But in our case By Pressing Alt + "Key" it only assign the focus to the parent menu  it doest not Expand automatically instead we hav to explicity press the arrow keys i.e up,down etc..



---------------------------------------------------------------------

hi ivan 
 
i hav done some R n D and found that it is working in chrome nd Firefox but it is not working in IE 8 need help
coz i want to buy this component.......reply asap....

[taus]

Hi ivan

did u found any answer for my question
Coz in firefox and in Chrome the child menus expands just by pressing the accesskey  say "Alt + S" but the same code doesn't work for IE7,8

According to my conclusion in firefox nd chrome whts happening is that whn u press the accesskey say "Alt + S" the focus goes to the parent menu and onfocus an internal click event is fired which cause the parent menu to expand and we can see the child menu without the use of up and down arrows keys or ener button

while in case of IE7,8  whts happening is that whn u press the accesskey say "Alt + S" the focus goes to the parent menu and onfocus no such internal click event is fired so the focus remains on the parent and we cant see the child menu.
we can see the child menu by pressing enter key or pressing the arrows key i.e up nd down

But i dont want to use arrow keys or enter button nor i want to use mouse i just to use accesskey to open parent menu in IE7,8
but Its working fine in chrome nd firefox



same is the issue with TabStrip which works fine in chrome nd firefox using access key but not in IE7,8

need help....

Thanks & Regards
Taus

[Kate]

Hello taus,

I inspected the issue that you describe and it appears to be a bug of the menu. We will do our best to fix it for the next release. My apologies that we currently do not have a workaround, since we are very busy with the comming Q1 release. I also updated your Telerik points.
 

Best wishes,
Kate
the Telerik team

[taus]

Hi Kate,


I m Buying Telerik hope u solve my issue in the next updated version...
i hav raised this issue coz i m developing an application in which the client requirement is to use keyboard rather then mouse so i have to do each nd everything on keyboard that to in web application

And Btw Thanks for the reply i was waiting for reply from the telerik team.... 


Thanks & Regards
Taus Khan.

[Kate]

Hi taus,

We have not advanced much with the issue for the Q1 2011 release as were putting more efforts in other high priority tasks (features/bug fixes).

However, we will work on that and do our best to fix it for the comming Service Packs.  

Kind regards,
Kate
the Telerik team