This is a migrated thread and some comments may be shown as answers.

Disable item's link

3 Answers 77 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 14 Aug 2008, 10:17 PM
Is there a way to disable the item's link (not showing a hand)?
I don't want to set Enabled=False because it also lighted the item's text.

Thanks,
Kevin.

3 Answers, 1 is accepted

Sort by
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:
<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
Paul
Telerik team
answered on 18 Aug 2008, 12:48 PM
Hi Kevin,

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.
Tags
PanelBar
Asked by
Kevin
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Paul
Telerik team
Kevin
Top achievements
Rank 1
Share this question
or