Is it possible to add a sublabel to the geocomplete widget?

  • gijs_ros
    Asked on March 29, 2016 at 4:23 PM
    Is it possible to add a sublabel to the geocomplete widget?
  • BJoanna
    Replied on March 29, 2016 at 5:04 PM

    It is possible to add a sub label to the geocomplete widget by Injecting Custom CSS.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    #cid_137 > div::after {

        content: "Sub label";

        display: block;

        height: 20px;

        margin-top: -20px;

        width: 100px;

    }

    Is it possible to add a sublabel to the geocomplete widget? Image 1 Screenshot 30

    Instead of "Sub label" you can add your own sub label text. 

    Here is my cloned form where I added mentioned CSS code:

    https://form.jotform.com/60886336784975

    Is it possible to add a sublabel to the geocomplete widget? Image 2 Screenshot 41

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • gijs_ros
    Replied on March 30, 2016 at 11:26 AM

    Worked like a charm.

     

    Had to change the width to 200px to get my text on the same line.

     

    Merci!

  • BJoanna
    Replied on March 30, 2016 at 12:31 PM

    I am glad to hear that CSS code I provided you worked.

    Feel free to contact us if you have any other questions.