Home      FAQ      Forum      Idea Exchange      Ask a Question      My Stuff      Help   
  
Hover function over Calendar view to reveal content of entry
Currently, one has to select the calendar entry to reveal its contents. How about implementing a function so that one can hover over an entry to expose its full content, as an option?
ID
1152
Category
TeamDesk
Author

Dean Guidry
Date Created
12/5/2017 5:23:42 PM
Date Updated
12/5/2017 5:54:16 PM
Status
New Idea
Score
20
Promoted By
Dave Ah ChingDean Guidry
Comments
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


Feedback
 
Back to Search Results