3 Answers, 1 is accepted
0

Princy
Top achievements
Rank 2
answered on 18 Aug 2008, 11:18 AM
Hi Kevin,
You can try the following approach to set the desired cursor for a RadPanleItem.
ASPX:
Thanks
Princy.
You can try the following approach to set the desired cursor for a RadPanleItem.
ASPX:
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Hay" > |
<Items> |
<telerik:RadPanelItem Text="Place"> |
<Items> |
<telerik:RadPanelItem Text="London" CssClass="MyPanelCssClass" ></telerik:RadPanelItem> |
<telerik:RadPanelItem Text="Autralia" ></telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<style type="text/css" > |
.RadPanelBar_Hay .MyPanelCssClass |
{ |
cursor:default; |
} |
</style> |
Thanks
Princy.
0
Hi Kevin,
Please find below a sample code snippet that shows the needed approach.
All the best,
Paul
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Please find below a sample code snippet that shows the needed approach.
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head runat="server"> |
<title>Untitled Page</title> |
<style type="text/css"> |
.RadPanelBar .rpText, |
.RadPanelBar .rpFocused |
{ |
cursor: default !important; |
} |
</style> |
</head> |
<body> |
<form id="form1" runat="server"> |
<div> |
<asp:ScriptManager ID="ScriptManager1" runat="server"> |
</asp:ScriptManager> |
<telerik:RadPanelBar ID="RadPanelBar1" runat="server"> |
<CollapseAnimation Duration="100" Type="None" /> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem1"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem2"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
<ExpandAnimation Duration="100" Type="None" /> |
</telerik:RadPanelBar> |
</form> |
</body> |
</html> |
All the best,
Paul
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0

Kevin
Top achievements
Rank 1
answered on 18 Aug 2008, 03:21 PM
The 1st solution is not working. This is what I am looking for, where I can turn off the "hand cursor" over an item (not all items).
The 2nd solution is for the RadPanelBar, every item has the default cursor.
I tried few options suggested in the documentation but unsuccessful; like set an item as separator, set an item ChildGroupCssClass=MyCssClass where
.MyCssClass
{
cursor: default !important;
}
Thanks
Kevin.
The 2nd solution is for the RadPanelBar, every item has the default cursor.
I tried few options suggested in the documentation but unsuccessful; like set an item as separator, set an item ChildGroupCssClass=MyCssClass where
.MyCssClass
{
cursor: default !important;
}
Thanks
Kevin.