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

  • Profile Image
    Tahnee Hutton
    Asked on January 23, 2019 at 08: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. 

  • Profile Image
    jherwin
    Answered on January 24, 2019 at 01: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.jpg

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

  • Profile Image
    Worksite
    Answered 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! 

  • Profile Image
    Kiran
    Answered on January 24, 2019 at 01: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.png

    Hope this information helps! 

  • Profile Image
    Worksite
    Answered on January 24, 2019 at 04: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.161548364695Screen Shot 2019-01-24 at 2.15

  • Profile Image
    Jed_C
    Answered on January 24, 2019 at 06: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.

  • Profile Image
    Jed_C
    Answered on January 24, 2019 at 07: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.