-
Tahnee HuttonAsked 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.
-
jherwinReplied 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):
Give it a try and let us know how it goes.
-
WorksiteReplied 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 LeadReplied 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:
Hope this information helps!
-
WorksiteReplied 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.
-
Jed_CReplied 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_CReplied 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.