Cities of Mexico Widget: How to translate the field label?

  • olga.kuatro
    Fecha de consulta 17 de junio de 2024, 12:31

    Hola buen día, me podrian apoyar con asesoria para editar el formulario ya que lo requiero en español y algunos campos dicen: state pero no me permite modificarlos.

    Tambien hay unos campos que van apareciendo, necesitaria todo fijo.

  • Jerlan Jotform Support
    Fecha de respuesta 17 de junio de 2024, 14:54

    Hi Olga,

    Thanks for reaching out to Jotform Support. Our Spanish Support agents are currently busy helping other Jotform users. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, remember that you'd have to wait until they're available again.

    Now, let me help you with your question. To translate the word State in your form, we need to inject a CSS Code. Let me show you how:

    1. Open your form in Form Builder, go to the Cities of Mexico field then click on the Wan icon or Widget Settings.
    2. Under Widget Settings, click on Custom CSS.
    3. Copy and paste these codes:
    #statesContainer label::after {
     content'Estado';
    font-size:17px;
    }
    #citiesContainer label::after {
     content'Cidades';
    font-size:17px;
    }
    label{
    font-size:0px;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: white;
    }
    ::-moz-placeholder { /* Firefox 19+ */
     color: white;
    }
    :-ms-input-placeholder { /* IE 10+ */
     color: white;
    }
    :-moz-placeholder { /* Firefox 18- */
     color: white;
    }
    #citiesButton::after {
    font-size16px;
    content'mostrar cidades no menu suspenso';
    height40px;
    border-radius4px;
    background#18bd5b;
    border0;
    color#fff;
    padding0 15px;
    cursor: pointer;
    display: inline;
    }
    #citiesButton {
    font-size0px;
    }

    4. Click on Update Widget button.

    Cities of Mexico Widget: How to translate the field label? Image 1 Screenshot 30

    Check out the screencast below to see my results:

    Cities of Mexico Widget: How to translate the field label? Image 2 Screenshot 41

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