Can I change the placeholder of the Airport Picker Widget?

  • globalfirsttravel
    Asked on November 29, 2017 at 6:22 PM
    Also, is there a wayy to change placeholder text? So instead of "Search by airport code, name, or location" we want to say something else.
  • Support_Management Jotform Support
    Replied on November 29, 2017 at 6:53 PM

    There's no way to do this within the Widget Wizard, but a workaround is to use CSS. The idea is to hide the original placeholder then replace it with a different one.

    Inject the following CSS Codes to the Widget itself.

    #select2-airports-container:before {

        content: 'Place your placeholder here';

        color: #aaa;

    }

    .select2-selection__placeholder {

        display: none;

    }

    Change the Place your placeholder here text upon your discretion.

    Can I change the placeholder of the Airport Picker Widget? Image 1 Screenshot 30

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets 

    Result:

    Can I change the placeholder of the Airport Picker Widget? Image 2 Screenshot 41