RadMenu Expand Image on Root Level

17 posts, 0 answers
  1. Mark
    Mark avatar
    6 posts
    Member since:
    Jan 2009

    Posted 22 May 2009 Link to this post

    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.


  2. Ivan Dimitrov
    Admin
    Ivan Dimitrov avatar
    78 posts

    Posted 22 May 2009 Link to this post

    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.
  3. Mark
    Mark avatar
    6 posts
    Member since:
    Jan 2009

    Posted 25 May 2009 Link to this post

    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.
  4. Ivan Dimitrov
    Admin
    Ivan Dimitrov avatar
    78 posts

    Posted 25 May 2009 Link to this post

    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.
  5. Mark
    Mark avatar
    6 posts
    Member since:
    Jan 2009

    Posted 25 May 2009 Link to this post

    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.
  6. Ivan Dimitrov
    Admin
    Ivan Dimitrov avatar
    78 posts

    Posted 26 May 2009 Link to this post

    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.
  7. Mark
    Mark avatar
    6 posts
    Member since:
    Jan 2009

    Posted 26 May 2009 Link to this post

    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.
  8. Katia
    Admin
    Katia avatar
    2 posts

    Posted 01 Jun 2009 Link to this post

    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.
  9. H.
    H. avatar
    33 posts
    Member since:
    Feb 2011

    Posted 16 Feb 2011 Link to this post

    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!
  10. Ivan Dimitrov
    Admin
    Ivan Dimitrov avatar
    78 posts

    Posted 16 Feb 2011 Link to this post

    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
  11. taus
    taus avatar
    6 posts
    Member since:
    Feb 2011

    Posted 04 Mar 2011 Link to this post

    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   ???????????????


  12. Ivan Dimitrov
    Admin
    Ivan Dimitrov avatar
    78 posts

    Posted 04 Mar 2011 Link to this post

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  13. taus
    taus avatar
    6 posts
    Member since:
    Feb 2011

    Posted 04 Mar 2011 Link to this post

    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....
  14. taus
    taus avatar
    6 posts
    Member since:
    Feb 2011

    Posted 05 Mar 2011 Link to this post

    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

  15. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 Mar 2011 Link to this post

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  16. taus
    taus avatar
    6 posts
    Member since:
    Feb 2011

    Posted 17 Mar 2011 Link to this post

    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.
  17. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 18 Mar 2011 Link to this post

    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
Back to Top