Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
245
Cell complex/custom tooltip
posted

Hi,

I would like to render some html inside my cell tooltip, how can we achieve that?

I already rendered my "html text" inside the tooltip, but it's presented like text not like html.

 

Best Regards,

 

Francisco Correia

Parents
No Data
Reply
  • 5513
    Suggested Answer
    Offline posted

    Hi Francisco,

     

    This is not a supported scenario for the igGridTooltips, however it's not hard to achieve. All you need to do is bind to the tooltipShown event and inside it alter the contents of the tooltip's container.

    For example if you wish to have the text of the tooltip appear in bold:

     

    $("#grid1").igGrid({
    // grid options
                        features: [
                            {
                                name: "Tooltips",
                                tooltipShown: tooltipShown
                            }
                        ]
     });

     

    function tooltipShown (evt, args) {

    $("#" + $("#grid1").igGridTooltips("id") + "_container").html("<strong>" + args.tooltip + "</strong>");

    }

     

    I hope this helps!  Please, let me know if you need further assistance.

     

    Best regards,

    Stamen Stoychev

Children