Show Tool Tip in SharePoint on Column when Mouse Over


Requirement: We had an requirement whereby tool tip should be displayed on mouse over of one SharePoint columns. Tool tip should show data from other column. User can change tool tip data anytime and tool tip should reflect it.

Solution: Create a SharePoint Designer page to modify XSLT and call Tip() and UnTip() function. See below...
For Static text this can be done using Content Editor Webpart.
<script type="text/javascript" language="javascript" src="/wz_tooltip.js"></script>
<a href="#" onmouseover="Tip('{@Customer_x0020_Traction_x0020_Re}');" onmouseout="UnTip();">

 You can find more information about this tooltip script in the below link.
http://www.walterzorn.de/en/tooltip/tooltip_e.htm

Comments

  1. UnknownApril 18, 2013 at 9:47 AM

    What would this look like for multiple fields needed for this?

    ReplyDelete
  2. Davis LawrenceJune 12, 2013 at 7:48 AM

    I try this code and it is easily working in mouse over.thanks for sharing such nice code.

    ReplyDelete
  3. UnknownApril 2, 2014 at 2:50 PM

    minimum effort and works great. thanks!

    ReplyDelete
  4. AnonymousSeptember 22, 2015 at 12:05 AM

    I need to show description (of the column) as a tool tip while editing the list columns in the list view mode for SP2013..its not working..can you suggest any solution?

    ReplyDelete

Post a Comment

Popular posts from this blog

Switch from Classic to Claims Authentication in SharePoint 2010

SharePoint 2013 tutorials, SharePoint 2010 articles, SharePoint interview questions: Switch from Classic to Claims Authentication in Sh... : In this article we will discuss how to switch from Classic Mode Authentication to Claims Authentication. $webApp = Get-SPWebApplication “http://web application URL/” $webApp.UseClaimsAuthentication = 1 $webApp.Update() $webApp.ProvisionGlobally() $webApp.MigrateUsers($True)
Read more

How to query list data using web service

In SharePoint, to query list data we can also use web services provided by SharePoint other than SharePoint API. We can call web services from two places one is JavaScript and another one is .Net client application. Here I will show you both methods. .Net client application To query list data we will use a web service called lists.asmx . 1. Create .net project either windows/console. 2. Add the web reference and the URL looks like http://<servername:portno>/_vti_bin/lists.asmx 3. Give the web reference name as ListsSvc . 3. Add the following code snippet to get list data. ListsSvc. Lists listService = new  ListsSvc. Lists (); // If the current user is having access you can use below code listService.Credentials = CredentialCache .DefaultCredentials; // In case if you want to pass specific user credentials listService.Credentials = new NetworkCredential ( "<username>" , "<password>" , "<domain>" ); string v...
Read more