Hello everyone,
We currently use mouse-over functions in our Cognos reports by nesting two blocks and using the following HTML as an example (see below).
Question:
You can't use blocks in dashboards. How can I create similar mouse-over functions there? Or is that not possible in the dashboard?
HTML code that we use in the reports:
<style>
div[lid*=wrapper_Hinweis] {
position: relative;
display: inline-block;
}
div[lid*=content_Hinweis]{
opacity: 0;
visibility: hidden;
position: absolute;
/* Tooltip bottom right */
top: 100%;
left: 100%;
transform: translate(5px, 5px);
background-color: #bfbfbf;
padding: 0.4rem;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
width: auto;
}
div[lid*=wrapper]:hover div[lid*=content] {
z-index: 10;
opacity: 1;
visibility: visible;
/* Animation to final point */
transform: translate(0, 0);
transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
div[lid*=wrapper]:hover div[lid*=content] * {
user-select: text !important;
-moz-user-select: text !important;
-webkit-user-select: text !important;
-ms-user-select: text !important;
}
</style>
------------------------------
Rene Wynands
Business Analyst
AOK Niedersachsen
------------------------------