Cards: Add a hover text feature (information tooltips)

  • Sven1987
    Asked on March 13, 2018 at 1:02 PM

    Hi,  

    is it possible to put information-fields in the forms? I mean these kind of (i)-fields in a circle, where you can put your cursor above and there will appear further informations. 

    Best

    Sven


  • Adrian
    Replied on March 13, 2018 at 2:36 PM

    You can set a Hover Text to each question for that purpose.

    Go to the field's properties, select the Advanced tab.

    1520965993The Easiest Online Form Builde Screenshot 10

    You can also make custom tooltips by using custom HTML in the Text Element and Injecting Custom CSS.

    Demo: https://form.jotform.com/80715300140945

    Cards: Add a hover text feature (information tooltips) Image 21

    Cards: Add a hover text feature (information tooltips) Image 32

    HTML:

    <p class="tooltip"><a class="tooltip-button"> <img src="https://cms.jotform.com/uploads/image_upload/image_upload/Adrian/50879_icon.png" /> </a><span class="tooltip-content">Tooltip content goes here.</span></p>

    CSS:

    .tooltip .tooltip-content {

      display: none;

    }

    .tooltip-button:hover + .tooltip-content {

      display: inline-block;

    }

    How to Inject Custom CSS Codes


  • Sven1987
    Replied on March 26, 2018 at 12:01 PM

    Thanks for the reply. Sadly, somehow I can't choose the option hover field, neither at yes/no-questions nor in short texts - is this because I'm using the european (german) version? 

  • Ashwin JotForm Support
    Replied on March 26, 2018 at 1:13 PM

    I did check your last edited form "ModulPTeil" and found that you are using "Cards Form" layout. Please note that hover text feature is not available in cards form layout. 

    You can create form with all questions in one page and that should allow you to add hover test. Please check the screenshot below:

    1522084378hoverText Screenshot 10


    Hope this helps.

    Do get back to us if you have any questions. 

  • Sven1987
    Replied on March 27, 2018 at 8:58 AM

    Hi, 

    alright :) I actually have some reasons why I prefer the "Cards form". Is there any plan in the near future to add the hover text feature for the Cards form? 

    Best

    Sven

  • Adrian
    Replied on March 27, 2018 at 10:10 AM

    I have made a request to our developers for this but I cannot say if this will be implemented or give an ETA.

    We will let you know via this thread if there is an update on this.

  • Rose
    Replied on March 27, 2018 at 10:34 AM

    We are sorry for this inconvenience. 

    However, description feature on field properties does the same job as hover text. If you want to give hint to your users, you can write any text to description part.

    1522161224Screen Shot 2018 03 27 at 17 Screenshot 10