What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Driving Distance widget: Allow to change the text label for "Distance" and "Duration"

    Asked by Anna on March 18, 2016 at 01:32 PM

    Hi,

    I need rewrite  text Distance and Duration to czech language in Driving distance widget, is it possible? If not, is it possible to remove or hide it? 

    Together with this widget I want use widget Form calculation, because I need count price per distance between two town (price taxi drive from A to B). https://form.jotformeu.com/60764493795370

    Thank you for your help

    and duration distance widget driving distance
  • Profile Image
    JotForm Support

    Answered by Charlie on March 18, 2016 at 02:38 PM

    You cannot directly change or translate the "Distance" and "Duration" text in the widget setting, but it should be possible to change what is being displayed in the live form using CSS. You can try this custom CSS code:

    /* Remove default text distance*/

    #ddResult > table > tbody > tr:nth-child(3) > th {

    display:none !important;

    }

    /* Insert translation for distance*/

    #ddResult > table > tbody > tr:nth-child(3)::before {

    display: block !important;

    content: "Vzdálenost" !important;

    }

    /* Remove default text for duration */

    #ddResult > table > tbody > tr:nth-child(4) > th {

    display: none !important;

    }

    /* Insert translation for duration */

    #ddResult > table > tbody > tr:nth-child(4)::before {

    display: block !important;

    content: "Trvání" !important;

    }

     

    You can paste it under the widget's "Custom CSS" tab:

     

    You can check my cloned form here: https://form.jotform.com/60776038506964

    This is how it looks like:

     

    I have also forwarded a feature request to our widget team to see if they can add further options that allows you to change the text label for the "Distance" and "Duration" just like the "From" and "To" labels. But I'm unable to guarantee that this will be implemented anytime soon. Rest assure that we will update you on this thread once we hear any news.

     

    For the other concern you have regarding the user of the driving distance widget on form calculation widget, I have opened a separate thread for it. Please refer to this link instead: https://www.jotform.com/answers/797850. We will address it shortly. Thank you.

  • Profile Image
    JotForm Support

    Answered by TitusN on August 12, 2016 at 01:48 PM

    We've added those two settings:

    Let us know how that goes.