How to Change a hint text on Autocompleted Address widget

  • KAORUBRADLEY
    Asked on November 9, 2015 at 4:54 AM

    I just started using Jotform last week and still a complete beginner.

    I wanted to change hint text appeared on the first field. It currently says "Enter your address here". I wanted it to show "Enter your post code here". There is no Hint text field in the properties so I did not know how to change. Would it be possible to change the hint text on this widget?

    Jotform Thread 700615 Screenshot
  • beril JotForm UI Developer
    Replied on November 9, 2015 at 9:21 AM

    Hi,

    Unfortunately, it is not possible to change hint example on this widget.

    I suggest you that you can use text box tool or address tool. 

    How to Change a hint text on Autocompleted Address widget Image 1 Screenshot 30

    After that, you can change the the hint example.

    How to Change a hint text on Autocompleted Address widget Image 2 Screenshot 41

    If you have any question or issues, please do not hesitate contacting us. we will be glad to assist you.

  • KAORUBRADLEY
    Replied on November 9, 2015 at 9:28 AM

    Hi Beril,

    Thank you very much for your response. I wanted to have a autopopulating address functions. The Autocompleted Address widget has this function, but I assume that the normal address function does not have one? 

  • victor
    Replied on November 9, 2015 at 9:45 AM

    Hi,

    As my colleague indicated you can not really replace the hint text. But using CSS code you can add text before and after the hint text. Using the following CSS code you can add your text in the beginning and using the "\A" will place the rest in another line. Since this text field only contains a single line, the rest will not be seen. This will make it look that you only have this text. 

    #autocomplete::-webkit-input-placeholder::before {

        content:"Enter your post code here\A";

    }

    How to Change a hint text on Autocompleted Address widget Image 1 Screenshot 20

    Please let us know if this helps.

     

  • KAORUBRADLEY
    Replied on November 10, 2015 at 6:24 AM

    Hi Vicor,

    Thank you very much. It worked!

  • beril JotForm UI Developer
    Replied on November 10, 2015 at 7:54 AM

    Hi,

    On behalf of my colleague, you are welcome.

    Feel free to contact us, if you need any question or issues.