Address Map Locator widget: Translate labels

  • rossifrancesco
    Asked on December 8, 2016 at 7:46 AM

    Helo,

    How can I translate "Addres, Latitute, Longitude, Province, Country" in "Indirizzo, Latitudine, Longitudine, Provincia, Nazione" ?

    Thank you

  • seth
    Replied on December 8, 2016 at 8:28 AM

    Hello,

    Unfortunately, some widgets do not support translations. However, we can add the translations you provide into the widget with some CSS code. Please try this solution.

    Add this CSS code into your widget CSS console

    label[for=inputAddress]:after {content: ' (Indirizzo)';}
    label[for=inputLat]:after {content: ' (Latitudine)';}
    label[for=inputLng]:after {content: ' (Longitudine)';}
    label[for=inputProvince]:after {content: ' (Provincia)';}
    label[for=inputCountry]:after {content: ' (Nazione)';}

    Address Map Locator widget: Translate labels Image 1 Screenshot 20

    If this solution is not suitable for you, please reply to this thread again. We can further request this translation feature from our developers. In this case you need to wait for this feature.

    I hope this answer helps. Please don't hesitate to contact us for your further queries.

    All the best!

     

     

     

  • rossifrancesco
    Replied on December 8, 2016 at 8:34 AM

    It works,

    but I see for example "Address (Indirizzo)" and not "Indirizzo" as I would. 

     

    Thank you very much

  • Charlie
    Replied on December 8, 2016 at 9:11 AM

    Hi,

    You can try using this CSS code instead:

    #inputAddress-row > div.table-cell.label-section > label,

    #inputLat-row > div.table-cell.label-section > label,

    #inputLng-row > div.table-cell.label-section > label,

    #inputProvince-row > div.table-cell.label-section > label,

    #inputCountry-row > div.table-cell.label-section > label {

    display: none !important;

    }

     

    #inputAddress-row > div.table-cell.label-section:after {

    content: "Indirizzo";

    }

     

    #inputLat-row > div.table-cell.label-section:after {

    content: "Latitudine" !important;

    }

    #inputLng-row > div.table-cell.label-section:after {

    content: "Longitudine" !important;

    }

    #inputProvince-row > div.table-cell.label-section:after {

    content: "Provincia" !important;

    }

    #inputCountry-row > div.table-cell.label-section:after {

    content: "Nazione" !important;

    }

    Paste my custom CSS code to the widget's CSS code area, replace the first CSS you used with mine. 

    Here's my cloned form to see how it looks like: https://form.jotform.com/63424077904962

    Let us know if that works. 

  • rossifrancesco
    Replied on December 8, 2016 at 9:12 AM

    Thank you very much :) It works perfectly