Text are not showing when typing

  • bridgelizy2
    Asked on August 29, 2024 at 5:10 PM

    My customer are telling me that they can't use the form. Nothing is coming up when they are typing

    https://form.jotform.com/bridgelizy2/berry-good-pet-nanny-reservations

  • Jovanne JotForm Support
    Replied on August 29, 2024 at 5:53 PM

    Hi Bridgette,

    Thanks for reaching out to Jotform Support. I cloned and tested your form on my end and I can replicate the issue. The text entered can't be seen on the form. Check out the image below:

    Text are not showing when typing Image 1 Screenshot 40

    To resolve this issue, you need to inject a CSS code to show all the entered values of each field. Let me show you how:

    1. Copy this code.

    li[data-type=control_inline] .form-textbox:not(#productSearch-input), .form-dropdown, .form-textarea, .form-textbox:not(#productSearch-input):not(.form-spinner-input) {
      color: black !important;
    }

    2. In Form Builder, click the blue paintbrush icon to open Form Designer.

    Text are not showing when typing Image 2 Screenshot 51

    3. Under Styles, scroll down and paste the CSS code in the Inject Custom CSS text area.

    Text are not showing when typing Image 3 Screenshot 62

    That's it. The values entered will now be shown once you added the CSS code. You can also check my cloned form as a reference.

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

  • bridgelizy2
    Replied on August 29, 2024 at 6:10 PM
    Can I not do this on my cell phone? I can’t past her code
    ...
  • bridgelizy2
    Replied on August 29, 2024 at 6:30 PM
    Paste the code
    ...
  • Christian Ice JotForm Support
    Replied on August 29, 2024 at 7:15 PM

    Hi Bridgette,

    If you're going to use the Jotform App on your phone to do the instructions provided by my colleague, unfortunately it is not possible because the Jotform App has more limited functionality when it comes to advance customization like CSS injection. It is primarily designed for form management, viewing submissions, and basic form editing. You can try to do it using your phone's web browser and request the desktop version of the site, or you can do it using your laptop/computer.

    Let us know if there’s anything else we can do for you.

  • bridgelizy2
    Replied on August 29, 2024 at 10:10 PM
    Now it says the page is unavailable when I put the new code in
    ...
  • Jeric JotForm Support
    Replied on August 29, 2024 at 10:47 PM

    Hi Bridgette,

    To make it more convenient, please give us permission to paste the CSS code in your form from our end.

    Once we hear back from you, we'll be able to help you with this.

Your Answer