Cards: Add a hover text feature (information tooltips)

  • Profile Image
    Sven1987
    Asked on March 13, 2018 at 01: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


  • Profile Image
    Adrian
    Answered on March 13, 2018 at 02: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

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

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

    15209659381.gif

    1520966173123.png

    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


  • Profile Image
    Sven1987
    Answered 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? 

  • Profile Image
    ashwin_d
    Answered on March 26, 2018 at 01: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.gif


    Hope this helps.

    Do get back to us if you have any questions. 

  • Profile Image
    Sven1987
    Answered on March 27, 2018 at 08: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

  • Profile Image
    Adrian
    Answered 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.

  • Profile Image
    Rose
    Answered 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.4