Jump to content
  • 0

Hints time-out, remove time-out.



The hints have a time limitation for visibility, I believe around 8 seconds. When using longer hints, that might be too little time for some readers.

I would want them to be visible for as long as the cursor points to the hint symbol.

Does anyone on the forum have an idea how to fix it and remove the time-out?

I appreciate any tips!


Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 1

Hi @KG360 - this is also what I want on my application. I want to increase the display time of the hints that I have in my form. However, it seems that Caspio has a default number of seconds in displaying the hints. In this case, I recreated the hint of Caspio using custom CSS coding.

Paste this code on the Label field:

<div class="tooltip"><img src="https://CASPIOURL.caspio.com/images/tooltip_icon_gray_outlined.png" ><span class="tooltiptext">Tooltip text this is a text</span> </div>

This code on the header:


.tooltip {
  position: absolute;
  display: inline-block;
margin-left: 5px;
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
background-color: #484C50;
  color:  white;
  border-radius: 6px;
  padding: 5px 0px 5px 5px;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px;
font-weight: normal;
text-decoration: none;
margin-left: 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;

.tooltip:hover .tooltiptext {
  visibility: visible;


Link to comment
Share on other sites

  • 0

Just sharing here, I also found a way to do this using JavaScript instead of CSS:

I used this in the Label field: <a href="#" data-bs-toggle="tooltip" title="Some text"> <img src="INSERT YOUR TOOLTIP ICON URL SOURCE"> </a>

And here is the script:
document.addEventListener("DOMContentLoaded", function(){
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    var tooltipList = tooltipTriggerList.map(function(element){
        return new bootstrap.Tooltip(element);

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...