Disable default tooltip in radslidingpane

3 posts, 0 answers
  1. Savyo
    Savyo avatar
    75 posts
    Member since:
    Apr 2012

    Posted 23 Nov 2012 Link to this post

    Hi,
    How can the default tooltip in the radslidingpane be disabled.
    thanks

    Savyo
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 23 Nov 2012 Link to this post

    Hi,

    Try the following code snippet to achieve your scenario.

    ASPX:
    <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>

    JS:
    <script type="text/javascript">
        function removeToolTip() {
            var slidingZone = $find("<%= SlidingZone1.ClientID %>");
            var slidingPane = slidingZone.getPaneById("<%= SlidingPane1.ClientID %>");
            slidingPane.getTabContainer().removeAttribute('title');
        
    </script>

    Thanks,
    Princy.
  3. Petr
    Petr avatar
    31 posts
    Member since:
    Jul 2015

    Posted 08 Dec 2017 Link to this post

    Hi all,

    the solution above doesn't work for me. I find another workaround how to disable tooltips. I add this code to my page:

    $(function () {
         $(".rspPaneTabContainer").each(function (index) {
             $(this)[0].title = '';
         });
     
         $(".rspPaneTabIcon").each(function (index) {
             $(this)[0].alt = '';
         });
     });
Back to Top