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!
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!
1 Answer, 1 is accepted
0
Hello Kris,
This class should be enough to apply the hand cursor to the menu items.
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:
Keep in mind such selectors won't work in IE6.
Let me know if this helps.
Regards,
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
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 |
| { |
| color: red; |
| } |
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.