How to translate continue forms later pop-up window?

  • Profile Image
    pretreville.copro.formulaire
    Asked on December 01, 2020 at 07:03 PM

    Hello,

    I am playing with Continue Forms Later:

    1606866277_5fc6d56513a8c_

    I modified the preset email in the following way (text in french):

    1606866350_5fc6d5ae4d33b_

    1606866391_5fc6d5d7d79e8_

    I set the "sender Email" thinking that once a recipient saves his form he will receive the email that I preset in the 2nd screenshot (above the last one), from this email address (pretreville.copro.formulaire@gmail.com).

    Publishing the form by sending it through emails (as an example sent to coin@prout.com) I receive the form invite correctly to coin@prout.com, play with it then save it. Then I end up with the following message:

    1606866591_5fc6d69f5286d_

    This is fine although part is in english and part is in french (I would like to be able to change everything to French). But then the preset email (see above) is sent to pretreville.copro.formulaire@gmail.com (the form sender) rather than to coin@prout.com (the form recipient). I am very much confused.

    Thank you in advance for your help.

    Best regards.

    D

  • Profile Image
    jherwin
    Answered on December 01, 2020 at 11:06 PM

    There is no option yet to translate them through form builder. However, you can use custom CSS code to modify those labels.

    Please use these CSS code:

    h3.m2ct::before {
      content: "Enter texts here";
      font-size: 30px;
    }
    h3.m2ct {
      font-size: 0;
    }
    .m2ct ~ p::before {
      content: "Enter sub-label here";
      font-size: 20px;
    }
    .m2ct ~ p {
      font-size: 0px!important;
    }

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Here's my demo form: https://form.jotform.com/203358552088056
    1606881954_5fc712a296452_save.pngPlease give it a try and let us know if that will work for your needs.

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 02, 2020 at 02:06 AM

    Thank you for your answer. However where should I input such CSS code to update the given message?

    D

  • Profile Image
    Vick_W
    Answered on December 02, 2020 at 03:16 AM

    Hi there

    You can inject the provided CSS code in your form by following the guide below.

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Or you can follow the instructions below.

    1606896816_5fc74cb00b50f_

    Then Click on STYLES and Scroll Down

    1606896867_5fc74ce3344a3_

    1606896968_5fc74d486ecf7_

    Let us know if you need further assistance

    Thanks


  • Profile Image
    pretreville.copro.formulaire
    Answered on December 02, 2020 at 10:12 AM

    Yes indeed sorry.

    This is now done:

    1606921784_5fc7ae386ebcc_

    but when saving the form the message is still a mix of french and english. I do not know CSS programming but I am not surprised this is not working as I have no clue where the code points specifically to this window message.

    1606921715_5fc7adf3cf574_

    Best.

    D

  • Profile Image
    VincentJay
    Answered on December 02, 2020 at 12:31 PM

    Please try this custom CSS code and see if that will work for you:

    .m2ct ~ p, .m3t ~ p {
      font-size: 0px !important;
    }
    .m2ct ~ p, .m3t ~ p::before {
      content: "test" !important;
      font-size: 30px !important;
    }
    .m2ct, .m3t {
      font-size: 0px !important;
    }
    .m2ct, .m3t::before {
      content: "test" !important;
      font-size: 30px !important;
      font-weight: 700;
    }


    Please keep in mind that you can replace the "test" text with your own preferences. You can check and test this demo/cloned form: https://form.jotform.com/203364635693966

    To add the CSS code to your form, please follow this guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes



  • Profile Image
    pretreville.copro.formulaire
    Answered on December 05, 2020 at 01:54 PM

    Thank you very much. I can now edit those texts.

    I am still puzzled with the fact that the confirmation email is sent to the form sender and not the form recipient.

    Basically the recipient save the form then the pop up windows with the text I can now modify appears (all good) but the confirmation email (for having saved the form, please refer to the 1st 3 screenshots of this trail) is sent to my email: apcrt.copro.formulaire@gmail.com and not the recipient I sent the invite to:

    1607194450_5fcbd752072f2_

    in the above example the recipient is coin@prout.com

    Thank you for continuous support.

    D


  • Profile Image
    Katherine_W
    Answered on December 05, 2020 at 08:40 PM

    Hi there,

    Happy to help!

    When you refer to I am still puzzled with the fact that the confirmation email is sent to the form sender and not the form recipient are you speaking of the Save and Continue Later email or the invitation email to view the form?

    I see the screenshots and thread history above, but I am confused by your latest screenshot about what email you are referring to. Could you please provide some clarification?

    Thank you!

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 05, 2020 at 11:33 PM

    Sorry for the confusion. I am trying to give you as much info as possible to explain who I end up there but probably confuse everybody.

    I am referring to the Save and Continue Later email. I expect this email to be sent to the people that received the invitation email. So the people's email I include in the last screenshot. Currently when such people Save the form I (the form sender) receive the confirmation email not them.

    Let me know if this is a bit clearer.

    Best regards.

    D

  • Profile Image
    jherwin
    Answered on December 06, 2020 at 12:53 AM

    Thanks for more details.

    The reason you received the draft link is that you do not have an email field for your form. You have one, but this is a spreadsheet to form widget.

    If they have a jotform account and they are logged in while saving their drafts then the save and continue later email will be sent to them. However, if they do not have a jotform account and your form does not have an email field then the email will only be sent to you.

    Or, they can manually enter their email address to the save and continue later pop-up window (see GIF below for reference).
    1607233845_5fcc7135dc22f_qdUSWhm0gc.gifAnyway, try adding an email field to your form and then try submitting the form and see how it goes.

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 07, 2020 at 02:07 AM

    Dear Herwin,

    For some reasons the pop up window does not give the opportunity to input an email address as shown in your example:

    1607324667_5fcdd3fbdd74d_

    Maybe because of the way I set-up Continue Forms Later?

    Trying to follow one of your subjection. I have added an email field that is filled automatically if the spreadsheet to form is successful. It does work:

    1607324231_5fcdd2475a43b_I did that through condition logic:

    1607324277_5fcdd275ddc7e_But unfortunately, when I save the form (button "sauver le formulaire pour continuer plus tard") the confirmation email is not sent to the recipient (isabellelb@cegetel.net) but to the form sender again. I might have mis-understood your explanation.

    Best.


    D

  • Profile Image
    jherwin
    Answered on December 07, 2020 at 03:26 AM

    Please test the form in incognito mode, here's a screencast for reference: https://drive.google.com/file/d/12L79HcFGFKv_jZ4wl1IlPBSoW8EpydIg/view

    The draft/session link is emailed to the email field.
    1607329548_5fcde70c2361c_logs.png

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 08, 2020 at 12:20 AM

    Dear Herwin,

    Impossible to reproduce your video until I go incognito indeed. Thanks for that.

    Sorry to keep digging into that but I need to check those things before we buy a plan. Is there a way to skip this popup window and by default having "Ne pas creer de compte" case which means "skip create an account":

    1607404061_5fcf0a1d95800_so people would end up straight with this pop up window:

    1607404116_5fcf0a54273d8_

    Now why this window is still in english given that I added the CSS lines of code your colleague gave me to change the english in french?

    1607404253_5fcf0adda3dd4_When not in incognito mode, the pop up window in the top screenshot does not appear. Instead the one on the second screenshot appears directly ... but in French this time as written in the CSS code!!

    1607404439_5fcf0b9715a26_

    But then the confirmation email is sent to the sender not the recipient ...

    Basically when the recipient save the form, I would like just the second screenshot to popup but in french as coded in CSS. Is that possible?

    Best regards.

    D

  • Profile Image
    jherwin
    Answered on December 08, 2020 at 01:35 AM

    It is not possible to hide the first pop-up window, but we can hide the other buttons and translate the labels using custom CSS code. I injected these CSS codes into your form: https://pastebin.com/raw/UEfyHPqq.

    Here is the result when I tested your form: https://drive.google.com/file/d/1FY4-WmbHSi3KTUAfqSABVTVradhRJKqC/view

    Please test the form and see if it works for your requirements.

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 13, 2020 at 05:28 PM

    Dear Herwin,


    It seems to work!


    Many thanks for your help.


    D

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 13, 2020 at 07:09 PM

    Herwin ,

    Me again sorry.

    I have now hidden the email field as I only added it so the email address will be filled automatically when the form is saved. Then the email address is not filled any more.

    So if do not hide the Email Properties:

    1607902050_5fd6a362889aa_

    When I save the form all is good:

    1607902195_5fd6a3f36633a_

    As you can see the email address is filled automatically. Note that the red dashed circled button is not long enough ...

    If now I hide the email address:

    1607904342_5fd6ac56a247f_If I save the form, the email address is not filled any more:

    1607904500_5fd6acf4ef2d0_

    Can I hide the email address field (as I really do not need it and still have the email address filled automatically when the form is being saved?

    Best regards.

    D

  • Profile Image
    Vick_W
    Answered on December 13, 2020 at 09:18 PM

    Hi there,

    Let me consult this with my colleague Jherwin, and I'll get back to you today as soon as possible.

    Thanks

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 13, 2020 at 10:52 PM

    Dear Vick,

    Trying random things, I ended up adding this line of code:

    1607917649_5fd6e05183ae5_

    and it worked: the email address element disappears and still email is filled automatically when saving the form!

    The only drawback I can see from that is that the email address element (required for the email address to be filled automatically when saving a form) is not shown any more when building my form:

    1607917860_5fd6e124ec67e_

    but it does the trick!

    Now I still have the following issue:

    1607917917_5fd6e15d035d3_

    The red dashed circled button is not long enough.

    With my best regards.

    D


  • Profile Image
    Vick_W
    Answered on December 14, 2020 at 12:49 AM

    Hi there,

    To fix the button width, please inject the following CSS in your form.

    .xcl-sew button:not(.js-nav) {
        min-width: 145px !important;
    }

    Let us know if you need further assistance.

    Thanks