Multiple Text Field: no direct way to edit the hover text for this widget.

  • Tahnee Hutton
    Asked on January 23, 2019 at 8:51 PM

    On the form, "Can-Am Daily Field Safety Checklist" when workers complete the form on phones, the pop up "hint text" is blocking the cells where the workers are to answer the question. The pop up cant be moved or minimized in any way. I have searched all the settings and can not find anywhere where this hint text is located. It is happening over the same question that was replicated many times on this form. I need to find a way to remove it or ability to minimize it at minimum. 

    Any help is greatly appreciated. 

    Jotform Thread 1710765 Screenshot
  • jherwin
    Replied on January 24, 2019 at 1:12 AM

    Please inject this custom CSS Code to make the container smaller and the width wider to fit on Mobile.

    .form-description-content {

        padding : 1px;

        font-size : 10px;

    }

    .form-description {

        top: -35px!important;

        left: 45px;

        min-width: 300px;

    }

    Guide: How to Inject Custom CSS Codes.

    Result (screenshot):
    1548310301Screenshot 20190124 141030 Screenshot 10

    Give it a try and let us know how it goes.

  • Worksite
    Replied on January 24, 2019 at 11:28 AM

    Thanks, we have implemented this as a short term fix. However, we will eventually need to edit the text that we have in the pop up/hover text box. Where can we access that to do this? Thanks! 

  • Kiran Support Team Lead
    Replied on January 24, 2019 at 1:56 PM

    You may edit the text from the Hover Text section in the Advanced tab of the field properties. Please see the screenshot below:

    154835615325012019 000114 23 Screenshot 10

    Hope this information helps! 

  • Worksite
    Replied on January 24, 2019 at 4:18 PM

    Hi sorry - that screen cap you sent me is for a short text entry properties. 

    This is for our multiple text entry field...screenshots attached. 

    Let me know where I would edit this hover text for a multiple field entry. Thanks. 1548364679Screen Shot 2019 01 24 at 2 Screenshot 101548364695Screen Shot 2019 01 24 at 2 Screenshot 21

  • Jed_C
    Replied on January 24, 2019 at 6:53 PM

    There seems to be no direct option to change this with Multiple Text Field widget. Let me check for workaround. I will also submit a feature request to our L2 team about this.

    I'll let you know here once I found a workaround. Thanks.

  • Jed_C
    Replied on January 24, 2019 at 7:03 PM

    The workaround I found since there's no direct option to hide the text, is to make the text inside hover box to "Transparent".

    You will need to inject this CSS:

    .form-description-content {

        color: transparent;

    }

    Once text is hidden, you can inject the following CSS and replace the text inside "content". 

    .form-description-content:before {

        content: "Your text goes here";

        color: black;

    }

    If you want to target specific Multiple Text Field widget, you will need to add the field ID. To find the field ID, please refer to our guide here https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names.

    Ex code will be like this:

    #id_4.form-description-content:before {

        content: "Your text goes here";

        color: black;

    }

    I will submit a feature request to have the hover text available easily. However, I cannot provide an ETA. Rest assured that this has been reported to L2.