Hover Text for column headers

Hover Text for column headers

Posted by: hemangajit on 8 September 2017, 10:15 am EST

• 

  hemangajit

  • Post Options:
  • Link
    Copy

  Posted 8 September 2017, 10:15 am EST

  Hi,

          I am evaluating the farpoint spread for web product. I am looking for a business requirement. Will it be possible to display hover text for the column headers?. Kindly let me know how to implement this.

  With regards

  Hemangajit

• 

  edstaffin-fp

  • Post Options:
  • Link
    Copy

  Posted 8 September 2017, 10:15 am EST

  If by hover text you mean the kind that display over a hyperlink, I think it would be relatively simple to create a linkbutton cell type. What are you trying to accomplish with this?

  Thanks ... Ed

   

• 

  bobm

  • Post Options:
  • Link
    Copy

  Posted 8 September 2017, 10:15 am EST

  Hemangajit -
  
  
  
  It sounds like you are looking to display a tooltip over the header.  Have a look at this post…
  
  
  
  http://www.clubfarpoint.com/Forums/forums/post/55081.aspx
  
  

• 

  hemangajit

  • Post Options:
  • Link
    Copy

  Posted 8 September 2017, 10:15 am EST

  Hi All,

               Thanks a lot for your help. I could implement the requirement.

  Thanks

  Hemangajit

   

• 

  gene

  • Post Options:
  • Link
    Copy

  Posted 20 September 2019, 3:42 am EST

  I am trying to accomplish this, i.e. a tooltip when hovering over a column header in a spread.web application but your link above the 55081.aspx is DEAD…

  Do you have an updated link.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 24 October 2019, 3:06 pm EST

  Hi,
  
  We are sorry for the inconvenience for the delayed response. Please use the following code snippet to add the tooltip for Columns:

  <script type="text/javascript">
          var _spreadHeader = document.getElementById('FpSpread1_cht');
          if (_spreadHeader) {
              $(_spreadHeader).find("td").each(function (index) {
                  $(this).attr("data-toogle", "tooltip").attr("title","Column "+$(this).text());
              })
          }
          $('[data-toggle="tooltip"]').tooltip(); 
      </script>
  

  Hope it helps!

  Regards,
  
  Manish Gupta