All States and Cities: Translate the field labels

  • Marcus_marcusmaceio894
    Perguntado em 2 de setembro de 2024 às 19:10

    O título dos campos do widget "Estados e Cidades" (Country, State e City) aparecem em inglês.

    All States and Cities: Translate the field labels Image 1 Screenshot 20

    Como faço para que esses títulos sejam exibidos em português do Brasil (País, Estado, Cidade)?

  • Gian Jotform Support
    Respondido em 2 de setembro de 2024 às 19:43

    Hi Marcus,

    Thanks for reaching out to Jotform Support. Unfortunately, our Portuguese Support agents are busy helping other Jotform users at the moment. 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 Portuguese, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. The State and Cities widget currently cannot be translated into its settings. However, you can inject the CSS codes below to change the labels:

    #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;
    }


    Here's how to inject CSS code into the widget:

    1. Click on the Wand icon next to the widget.
    2. Go to the Custom CSS tab.
    3. Paste the CSS code.
    4. Click on the Update Widget button.

    All States and Cities: Translate the field labels Image 1 Screenshot 30

    Here's the result:

    All States and Cities: Translate the field labels Image 2 Screenshot 41

    Give it a try and let us know if you need any help.

  • Marcus_marcusmaceio894
    Respondido em 3 de setembro de 2024 às 16:50

    Ótimo! Ficou faltando apenas o rótulo do campo "Country" que, nessa solução, desapareceu.

    Também gostaria de aproveitar para saber se é possível estabelecer o país "Brazil" como resposta-padrão.

  • Gian Jotform Support
    Respondido em 3 de setembro de 2024 às 17:21

    Hi Marcus,

    You can add this CSS code to the widget for the Country's label:

    #countriesContainer label::after {
     content: 'País';
    font-size:17px;

    }


    As for the request to make Brazil the default country, there's no option to do that but you can set the widget to limit the country and add Brazil only. Here's how:

    1. Click on the Wand icon next to the widget.
    2. Add Brazil under "Limitar Países".
    3. Click on the Update Widget button.

    All States and Cities: Translate the field labels Image 1 Screenshot 20

    Give it a try and let us know if you need any help.