Hi,
I've got the RadPanelBar and use Images for the navigation.
I'm using "ItemImageUrl" to display the image in the panelbar. Because the RadPanelBar shows me the image and the usual text navigation I disable the textnavigation with ".rpText{display:none}".
This works for IE6, Safari, Firefox and IE8 but not for IE7.
If I move the mouse over the image in IE7 the image is replaced by the hover image and the link is shown on the status bar, but if I click on the link nothing happens.
you can test it for yourself at:
http://cavegn.advanced.li
Anybody got the same problem or knows how to fix this?
Thanks.
I've got the RadPanelBar and use Images for the navigation.
I'm using "ItemImageUrl" to display the image in the panelbar. Because the RadPanelBar shows me the image and the usual text navigation I disable the textnavigation with ".rpText{display:none}".
This works for IE6, Safari, Firefox and IE8 but not for IE7.
If I move the mouse over the image in IE7 the image is replaced by the hover image and the link is shown on the status bar, but if I click on the link nothing happens.
you can test it for yourself at:
http://cavegn.advanced.li
Anybody got the same problem or knows how to fix this?
Thanks.
2 Answers, 1 is accepted
0
Hello Phuc,
Please find below a sample code snippet that shows the needed approach.
Kind regards,
Paul
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.
Please find below a sample code snippet that shows the needed approach.
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <style type="text/css"> |
| .RadPanelBar .rpRootGroup, |
| .RadPanelBar .rpOut, |
| .RadPanelBar .rpLink |
| { |
| border-style: hidden !important; |
| border-width: 0px !important; |
| border: none !important; |
| padding: 0 !important; |
| overflow: visible !important; |
| } |
| .RadPanelBar .rpImage |
| { |
| padding: 0 !important; |
| } |
| .RadPanelBar .rpItem |
| { |
| line-height: 0 !important; |
| font-size: 0 !important; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="160" EnableEmbeddedSkins="false"> |
| <Items> |
| <telerik:RadPanelItem runat="server" Text=" " ImageUrl="Aktuell.gif" NavigateUrl="Default.aspx"> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text=" " ImageUrl="Biografie.gif" NavigateUrl="Default2.aspx"> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelBar> |
| </form> |
| </body> |
| </html> |
Kind regards,
Paul
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.
0
Phuc
Top achievements
Rank 1
Rank 1
answered on 27 May 2009, 08:18 AM
works great, thanks a lot