TeamDesk Knowledge Base & Support

cooper collier  12/5/2017 5:45:23 PM

This can be done nicely using CSS...

put this in your dbstyles.css


.tooltip {
position: relative;
display: inline-block;
border-bottom: 0px dotted black;
}

.tooltip .tooltiptext {
visibility: hidden;
width:300px;
background-color: Navy;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 1px;
position: absolute;
z-index: 1;
top: -50px;
right: 100%;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}



THis is a sample of a xhtml column

<table class="job-table">
<td style=" -webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
display: inline-block;
transform:rotate(180deg);
padding:0;
">






EDUCATION



</td>
<td style="vertical-align:top">




<div class="" style="text-align:left;min-width:55px">



<div class="tooltip" style="font-size:11px;border-bottom:1px solid green;">
<img src="https://www.teamdesk.net/secure/db/42540/res.aspx/education.png" height="25px"/>
<br/>Total: <b><%Format([Education Points Hidden],"#,00")%> </b>

<div class="tooltiptext" style="font-style:italic;font-size:12px;">
Education
<div style="padding:2px; color:black; background:snow;min-height:50px"><%=[Education ToolTip Hidden]%></div>

</div>

</div>


<div class="" style="font-size:8px">12&#160;</div>

</div>


</td>
</table>

cooper collier  12/5/2017 5:54:16 PM

Here is a very quick and dirty on how this looks video.
I am not sure how it will apply to a calendar view, I have never tried it.
Sorry, I had to cut the personal info off the edge of the screen, but you can see the concept.

https://goo.gl/QqFM64

Mike Nelson 2/25/2019 2:44:00 PM

Cooper,
Been playing around with this and am getting the following error

1: <table class="job-table">
^
Function 'Format': expected 1 argument

When I try to create my xhtml formula field

could you also post your tooltiptext info as well

Thanks

Mike

cooper collier  2/25/2019 2:54:38 PM

Typically this sort of error is because you missed syntax somewhere.

email me your entire xhtml code you are trying to use and I will take a look at it.

cooper@frobbit.com

Jorge Solá 10/29/2021 4:59:48 PM

Hi, Cooper.

I've tried this solution, but I haven't been able to make it work with a Calendar view, because XHTML columns don't seem to display correctly in a Calendar view.

I only need it for a Calendar view, where there is very little space to display the basic information about a record.

Any ideas?