Address Map Locator widget: Translate labels

  • Profile Image
    rossifrancesco
    Asked on December 08, 2016 at 07:46 AM

    Helo,

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

    Thank you

  • Profile Image
    seth
    Answered on December 08, 2016 at 08: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)';}

    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!

     

     

     

  • Profile Image
    rossifrancesco
    Answered on December 08, 2016 at 08:34 AM

    It works,

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

     

    Thank you very much

  • Profile Image
    Charlie
    Answered on December 08, 2016 at 09: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. 

  • Profile Image
    rossifrancesco
    Answered on December 08, 2016 at 09:12 AM

    Thank you very much :) It works perfectly