none
SharePoint ToolTip RRS feed

  • Question

  • Hi All,

    I created a SharePoint Solution i used datatable in jquery .

    In that tooltip is working for First Page when i click next its tooltip is not working for the Second page.

    Any suggestions please.

    Thank you,

    Sowjanya.

    Tuesday, January 10, 2017 5:54 PM

All replies

  • Hi,

    Please implement this solution

    https://social.msdn.microsoft.com/Forums/office/en-US/af6aa7ff-d266-4d6e-b8e5-0c90e13cc1eb/sharepoint-list-item-tooltip?forum=sharepointdevelopmentprevious

    http://sharepoint.stackexchange.com/questions/91230/how-to-add-tooltips-to-sharepoint-2013-form-fields


    Please remember to click Mark as Answer on the answer if it helps you

    Tuesday, January 10, 2017 7:18 PM
  • Hi,

    Here is a working Jquery DataTable tooltip example for your reference, it will also work when click to next:

    $(document).ready(function() {
        /*
         * First step is to create title attributes for the rows in the table
         * This isn't needed if the required 'title' attribute is already set in the HTML in the
         * DOM 
         */
        $('#example tbody tr').each( function() {
            var sTitle;
            var nTds = $('td', this);
            var sBrowser = $(nTds[1]).text();
            var sGrade = $(nTds[4]).text();
             
            if ( sGrade == "A" )
                sTitle =  sBrowser+' will provide a first class (A) level of CSS support.';
            else if ( sGrade == "C" )
                sTitle = sBrowser+' will provide a core (C) level of CSS support.';
            else if ( sGrade == "X" )
                sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.';
            else
                sTitle = sBrowser+' will provide an undefined level of CSS support.';
             
            this.setAttribute( 'title', sTitle );
        } );
         
        /* Init DataTables */
        var oTable = $('#example').dataTable();
         
        /* Apply the tooltips */
        oTable.$('tr').tooltip( {
            "delay": 0,
            "track": true,
            "fade": 250
        } );
    } );

    More information:

    DataTables events (post-initialisation) example

    Thanks

    Best Regards


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Wednesday, January 11, 2017 8:00 AM