How to disable Sliding Pane default tooltip

7 posts, 0 answers
  1. Kian Cha
    Kian Cha avatar
    22 posts
    Member since:
    May 2007

    Posted 03 Jan 2008 Link to this post

    How do I disable default tooltip for radSlidingPane? For example my sliding pane's title is "Scoreboard", I want to configure the control to not show the tooltip "Scoreboard" when the cursor is hovered over the sliding tab label.

    Thx.

    Kian
  2. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 04 Jan 2008 Link to this post

    Hi,

    In case you use RadSplitter "Prometheus" I suggest you the following workaround to achieve the desired scenario. The idea is to remove the tooltip attribute of the sliding pane's tab container in order to stop the tooltip appear:
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server">  
        <title>Untitled Page</title> 
    </head> 
    <body> 
        <script type="text/javascript">  
        function removeToolTip()  
        {  
            var slidingZone = $find("<%= SlidingZone1.ClientID %>");  
            var slidingPane = slidingZone.getPaneById("<%= SlidingPane1.ClientID %>");  
            slidingPane.getTabContainer().removeAttribute('title');  
        }  
        </script> 
     
        <form id="form1" runat="server">  
            <asp:scriptmanager id="ScriptManager1" runat="server" /> 
            <telerik:radajaxmanager id="AjaxManager" runat="server">  
            </telerik:radajaxmanager> 
            <telerik:radsplitter id="rspSplitter" runat="server" onclientloaded="removeToolTip">  
                <telerik:radpane id="rpTopicSubMenuPane" runat="server">  
                    <telerik:radslidingzone id="SlidingZone1" runat="server">  
                        <telerik:radslidingpane id="SlidingPane1" runat="server" title="SlidingPane" tooltip="false">  
                        </telerik:radslidingpane> 
                    </telerik:radslidingzone> 
                </telerik:radpane> 
                <telerik:radsplitbar id="RadSplitBar1" runat="server" collapsemode="Both" /> 
                <telerik:radpane id="RadPane1" runat="server">  
                </telerik:radpane> 
            </telerik:radsplitter>         
        </form> 
    </body> 
    </html> 

    Please, let me know if you need further assistance.

    Best regards,
    Sophy
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kian Cha
    Kian Cha avatar
    22 posts
    Member since:
    May 2007

    Posted 09 Jan 2008 Link to this post

    Hi,
     
    I've added your sample script to the live demo application (/Live Demos/Splitter/Examples/Default/DefaultCS.aspx) and still see the "contact" tooltip. Am I missing something? Please see code below…
     
    <body class="BODY">
    <script type="text/javascript">
    function removeToolTip()
    {
            var slidingZone = $find("<%= SlidingZone1.ClientID %>");
            var slidingPane= slidingZone.getPaneById("<%= Contacts.ClientID >");
            slidingPane.getTabContainer().removeAttribute('title');
    }
    </script>
          
    <form id="Form1" method="post" runat="server">
    <qsf:Header id="Header1" runat="server" navigationlanguage="c#"></qsf:Header>
    <asp:ScriptManager id="ScriptManager" runat="server" />
     
    <telerik:RadSplitter id="RadSplitter1" runat="server" height="400" width=700 CssClass="Telerik" ResizeMode="EndPane">
     <telerik:RadPane id="Radpane1" runat="server" width="22" scrolling="None" minwidth=22>
    <telerik:RadSlidingZone id="SlidingZone1" runat="server" width="22" clicktoopen="true">
    <telerik:RadSlidingPane id="Contacts" title="Contacts" runat="server" width="190"> 
    ...
    ...
    ...

      
    Thanks.
     
    Kian

     

  5. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 10 Jan 2008 Link to this post

    Hi,

    The code snippet you have sent us is fine but the only thing I cannot see is firing the removeToolTip function. Could you please try to add onclientloaded="removeToolTip" in the RadSplitter1 declaration and test whether you will still see the tooltip?

    Please, let me know how it goes.

    Kind regards,
    Sophy
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. Kian Cha
    Kian Cha avatar
    22 posts
    Member since:
    May 2007

    Posted 11 Jan 2008 Link to this post

    Sorry, I thought I had the onclientloaded event added. Problem solved.

    Thank you!

    Kian
  7. Russell Mason
    Russell Mason avatar
    87 posts
    Member since:
    Oct 2006

    Posted 28 Nov 2008 Link to this post

    Hi

    Does this fix still work? I am using 2008 Q2 and I still get the tool tip appearing. Is there a better way for getting rid of the tool tip now?

    Thanks
    Russell Mason
  8. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 28 Nov 2008 Link to this post

    Hi Kian,

    This approach is valid and I cannot tell you why it does not work on your side. I also tested the exact same code and it worked as expected. Would you please prepare a sample demo, open a new support ticket and send it to me? Once I receive it, I will modify it in order not to show the tooltip.


    Greetings,
    Svetlina
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017