Horizontal-vertical menu skinning problem

2 posts, 0 answers
  1. Kris
    Kris avatar
    1 posts
    Member since:
    Dec 2008

    Posted 08 Dec 2008 Link to this post

    Hi,

    We made 2 menu's one vertical (showing menu levels 1 and 2), and one horizontal (displaying menu levels 3 and 4)
    The horizontal menu is only shown when menu items are available on the third level .
    - When doing a mouse over on the vertical menu, the "hand" cursor is shown, indicating that a click is possible on this item.  Works perfect for the vertacal menu, but won't work in the horizontal menu.  Tried almost everything, so any suggestion is welcome.
    - The second problem has to do with the presentation of the menu in firefox.  many of the properties defiined in the css are not shown in firefox. 

    Check http://dnn.kasterlee.be if you'd like to see what i'm talking about ...

    Thanks!
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 09 Dec 2008 Link to this post

    Hello Kris,

    This class should be enough to apply the hand cursor to the menu items.

    .radmenu a.link 
        cursor:pointer

    The problem with the missing CSS styling in Firefox is probably due to the .VMENU.something selectors i found in skin.css - there's no elements with class VMENU, so these selectors are not applied. They probably work in IE through some kind of bug - IE6 isn't supposed to work with such selectors at all - so somehow the .VMENU part is discarded and the rest is applied.
    You can try and remove .VMENU from the selectors to see if it gets applied, or alternatively if you need it to specify the panelbar and menu separately, like this:

    .RadPanelBar_VMENU.rootgroup .selected .text, 
    .RadMenu_VMENU.rootgroup .selected .text 
        colorred

    Keep in mind such selectors won't work in IE6.

    Let me know if this helps.




    Regards,
    Kamen Bundev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top