Rad Splitter

3 posts, 0 answers
  1. radhika malladi
    radhika malladi avatar
    2 posts
    Member since:
    Nov 2008

    Posted 22 Apr 2009 Link to this post

    Hi,
    In the radpane I have locked property set to true, It is working fine, but still it is showing me the resize icon. is there anyway to not to display the resize icon (<->)
    Thank you
  2. ManniAT
    ManniAT avatar
    885 posts
    Member since:
    Nov 2003

    Posted 24 Apr 2009 Link to this post

    Hi,

    I can't reproduce this behaviour (I guess you mean the mouse cursor with the icon).

    Could you please post the code of your pane?

    Regards

    Manfred
  3. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 27 Apr 2009 Link to this post

    Hi Radhika,

    We already answered your support thread and for your convenience and for others who might have the same requirements I pasted our reply below:

    I suppose that by resize icon, you mean that when you hover over the RadSplitBar, the cursor changes to "w-resize". If this is the case, please note that setting the Locked property of a RadPane to "true" does not mean that you cannot drag the RadSplitBar. Have a look at our Locked Panes online demo - even though the middle RadPane is locked, you can still drag the RadSplitBar on its left and the one on its right.

    In case you want to disable the drag functionality of a RadSplitBar, you should set EnableResize="false" for the RadSplitBar itself:
    <telerik:RadSplitter ID="RadSplitter1" runat="server"
        <telerik:RadPane ID="RadPane1" runat="server"></telerik:RadPane> 
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" EnableResize="false" /> 
        <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane> 
    </telerik:RadSplitter> 

    In case you do this, you would not get the "w-resize" cursor when you hover over the RadSplitBar.

    However, if you decide that it is the Locked property of the RadPane that you need, you can use CSS to set the cursor:
    <head runat="server"
        <title>Untitled Page</title> 
        <style type="text/css"
        /* RadSplitter Orientation=Vertical */ 
        .rspResizeBar, 
        .rspResizeBarOver, 
        /* RadSplitter Orientation=Horizontal *
        .rspResizeBarHorizontal, 
        .rspResizeBarOverHorizontal 
        { 
            cursor:default !important; 
        } 
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server"
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
             
            <telerik:RadSplitter ID="RadSplitter1" runat="server"
                <telerik:RadPane ID="RadPane1" runat="server" Locked="true"></telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
                <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane> 
            </telerik:RadSplitter> 
        </form>     
    </body> 



    All the best,
    Svetlina
    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.
Back to Top