When downloading the source code, it is only downloading it in the default form language.

  • Profile Image
    Cundari
    Asked on May 11, 2021 at 12:36 AM

    When downloading the source code, it is only downloading it in the default form language. Is there a way to include the code with other translations as well?



    This is a re-post of a comment on How to Get the Full Source Code of Your Form

  • Profile Image
    Jed_C
    Answered on May 11, 2021 at 06:49 AM

    Are you referring to the multi language feature https://www.jotform.com/help/298-how-to-make-your-forms-multilingual? If so, multi language will work even if you download or load it using the form's source code.

    If the language you are referring to is a programming language, it's not supported. It only exports the source code in JS, CSS and HTML format.

  • Profile Image
    Cundari
    Answered on May 20, 2021 at 05:42 PM

    We are trying to pull the source code in two different languages because we have two different pages to embed the form in: one for English and one for French.

    We'd like to be able to embed the code so that it loads automatically in French first on the French page. English is working fine because that's the default.

    Is this possible? So we tried adjusting this line of code of with no luck:

    <form class="jotform-form" action="https://submit.jotform.com/submit/211316467995061?language=fr/" method="post" name="form_211316467995061" id="211316467995061" accept-charset="utf-8" autocomplete="on">
  • Profile Image
    Jed_C
    Answered on May 20, 2021 at 08:18 PM

    You need to remove the "/" slash symbol in your URL.

    It should be:

    https://submit.jotform.com/submit/211316467995061?language=fr

    or

    https://submit.jotform.com/submit/211316467995061?language=en

    Try that and see if that works.

  • Profile Image
    Cundari
    Answered on May 21, 2021 at 11:01 AM

    Hi, that didn't seem to make a difference. Here is the full source code with the modification you suggested:


    <script src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.min.js"></script>
    <script src="https://cdn.jotfor.ms/js/vendor/jquery-1.8.0.min.js?v=3.3.25465" type="text/javascript"></script>
    <script src="https://cdn.jotfor.ms/js/vendor/maskedinput.min.js?v=3.3.25465" type="text/javascript"></script>
    <script src="https://cdn.jotfor.ms/js/vendor/jquery.maskedinput.min.js?v=3.3.25465" type="text/javascript"></script>
    <script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>
    <script src="https://cdn.jotfor.ms/static/jotform.forms.js?3.3.25465" type="text/javascript"></script>
    <script src="https://js.jotform.com/vendor/postMessage.js?3.3.25465" type="text/javascript"></script>
    <script src="https://js.jotform.com/WidgetsServer.js?v=1621538705432" type="text/javascript"></script>
    <script src="https://cdn.jotfor.ms/js/vendor/math-processor.js?v=3.3.25465" type="text/javascript"></script>
    <script type="text/javascript">
     JotForm.setCalculations([{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"FR","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1620921214308","resultField":"36","decimalPlaces":"2","isError":false,"conditionId":"1620920882858","conditionTrue":false},{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"EN","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1620921210816","resultField":"36","decimalPlaces":"2","isError":false,"conditionId":"1620921210816","conditionTrue":false}]);
     JotForm.setConditions([{"action":[{"id":"action_1621364056181","visibility":"Show","isError":false,"field":"56"},{"id":"action_1621364038406","visibility":"Hide","isError":false,"field":"32"}],"id":"1621364082142","index":"0","link":"Any","priority":"0","terms":[{"id":"term_1621364038406","field":"language","operator":"equals","value":"French (Canada)","isError":false}],"type":"field"},{"action":[{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"FR","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1620921214308","resultField":"36","decimalPlaces":"2","isError":false,"conditionId":"1620920882858","conditionTrue":false}],"id":"1620920882858","index":"1","link":"Any","priority":"1","terms":[{"id":"term_0_1620921214308","field":"language","operator":"equals","value":"French (Canada)","isError":false}],"type":"calculation"},{"action":[{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"EN","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1620921210816","resultField":"36","decimalPlaces":"2","isError":false,"conditionId":"1620921210816","conditionTrue":false}],"id":"1620921210816","index":"2","link":"Any","priority":"2","terms":[{"id":"term_0_1620921210816","field":"language","operator":"equals","value":"English (US)","isError":false}],"type":"calculation"}]);
    JotForm.init(function(){
    if (window.JotForm && JotForm.accessible) $('input_6').setAttribute('tabindex',0);
    if (window.JotForm && JotForm.accessible) $('input_5').setAttribute('tabindex',0);
        JotForm.setPhoneMaskingValidator( 'input_8_full', '(###) ###-####' );
        JotForm.setPhoneMaskingValidator( 'input_9_full', '(###) ###-####' );
    if (window.JotForm && JotForm.accessible) $('input_20').setAttribute('tabindex',0);
    if (window.JotForm && JotForm.accessible) $('input_21').setAttribute('tabindex',0);
    if (window.JotForm && JotForm.accessible) $('input_24').setAttribute('tabindex',0);
        JotForm.setPhoneMaskingValidator( 'input_25_full', '(###) ###-####' );
    if (window.JotForm && JotForm.accessible) $('input_27').setAttribute('tabindex',0);
        JotForm.setCustomHint( 'input_27', 'Type here...' );
    if (window.JotForm && JotForm.accessible) $('input_28').setAttribute('tabindex',0);
        JotForm.setCustomHint( 'input_28', 'Type here...' );
    if (window.JotForm && JotForm.accessible) $('input_36').setAttribute('tabindex',0);
    JotForm.newDefaultTheme = true;
    JotForm.extendsNewTheme = false;
    JotForm.newPaymentUIForNewCreatedForms = false;
    JotForm.newPaymentUI = true;
        JotForm.highlightInputs = false;
        JotForm.alterTexts({"fillMask":"Please enter a valid phone number."});
    JotForm.clearFieldOnHide="disable";
        FormTranslation.init({"detectUserLanguage":"1","firstPageOnly":"0","options":"English (US)|French (Canada)","originalLanguage":"en","primaryLanguage":"en","saveUserLanguage":"1","showStatus":"Flag & Text","theme":"light-theme","version":"2"});
      /*INIT-END*/
    });


     JotForm.prepareCalculationsOnTheFly([null,null,null,null,null,{"description":"","name":"lastName","qid":"5","subLabel":"","text":"Last Name","type":"control_textbox"},{"description":"","name":"firstName","qid":"6","subLabel":"","text":"First Name","type":"control_textbox"},{"description":"","name":"emailAddress","qid":"7","subLabel":"","text":"Email Address","type":"control_email"},{"description":"","name":"mobile","qid":"8","text":"Mobile","type":"control_phone"},{"description":"","name":"homePhone9","qid":"9","text":"Home Phone Number","type":"control_phone"},{"description":"","name":"province","qid":"10","subLabel":"","text":"Province","type":"control_dropdown"},{"name":"iReside","qid":"11","text":"I reside in Canada","type":"control_widget"},{"name":"legalDrinking","qid":"12","text":"Legal drinking age","type":"control_widget"},{"name":"pageBreak","qid":"13","text":"Page Break","type":"control_pagebreak"},{"name":"submit","qid":"14","text":"Submit","type":"control_button"},null,null,null,null,null,{"description":"","name":"nameOf20","qid":"20","subLabel":"","text":"Name of Bar\u002FRestaurant","type":"control_textbox"},{"description":"","name":"townOr21","qid":"21","subLabel":"","text":"Town or City of Bar\u002FRestaurant","type":"control_textbox"},{"description":"","name":"provinceOr","qid":"22","subLabel":"","text":"Province or Territory of Bar\u002FRestaurant","type":"control_dropdown"},null,{"description":"","name":"websitesocialMedia24","qid":"24","subLabel":"(Ex:www.barname.ca)","text":"Website\u002FSocial Media Link","type":"control_textbox"},{"description":"","name":"phoneNumber","qid":"25","text":"Phone Number","type":"control_phone"},null,{"description":"","name":"tellUs","qid":"27","subLabel":"Minimum 250 characters. Maximum 1000 characters.","text":"Tell us a bit about your choice.  Why do you think this bar\u002Frestaurant serves the Best Caesar In Town®?","type":"control_textarea"},{"description":"","name":"whyDo28","qid":"28","subLabel":"Minimum 250 characters. Maximum 1000 characters.","text":"Why do you think the $25,000 prize could help this bar\u002Frestaurant?","type":"control_textarea"},{"name":"input29","qid":"29","text":"We may want to reach out and find out more about this bar\u002Frestaurant.By clicking below, you agree that we can contact you. *","type":"control_text"},{"name":"iGive","qid":"30","text":"I give permission for Mott's Clamato (and agencies) to reach out to me","type":"control_widget"},{"name":"futureCommunication","qid":"31","text":"Future Communication","type":"control_widget"},{"name":"rules","qid":"32","text":"Rules &amp; Regulations","type":"control_widget"},null,null,null,{"description":"","name":"formLanguage","qid":"36","subLabel":"","text":"Form Language","type":"control_textbox"},{"name":"iAgree","qid":"37","text":"I agree to the Mott’s®  Clamato® terms &amp; conditions and privacy policy ","type":"control_widget"},null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"name":"yourInformation","qid":"52","text":"Your information","type":"control_head"},{"name":"nominateYour","qid":"53","text":"Nominate your favourite bar or restaurant","type":"control_head"},{"name":"input54","qid":"54","text":"\nTo nominate, please ensure your choice meets the following:\n\nServes Mott’s® Clamato® Caesar\nIs an independently owned\u002Fnon franchised licensed establishment\nHas five or less locations within Canada\nHas a valid liquor license\nHas been in business &amp; operating before January 1st, 2020 through to present and shall not have filed for bankruptcy\n\n","type":"control_text"},null,{"name":"rules56","qid":"56","text":"Rules &amp; Regulations FR","type":"control_widget"},null,null,null,{"name":"input60","qid":"60","text":"\n\n\nYour info\n\n \n\n\nBar Nomination\n\n \n\n\nConfirmation\n\n","type":"control_text"},{"name":"input61","qid":"61","text":"\n\n\nYour info\n\n \n\n\nBar Nomination\n\n \n\n\nConfirmation\n\n","type":"control_text"},{"name":"input62","qid":"62","text":"\nHow it works: From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win $25,000, announced via a virtual event on August 28th.\nTo nominate your favourite local bar or restaurant, we just need a bit of information from you first.\n","type":"control_text"},{"name":"input63","qid":"63","text":"\nHow it works: From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win $25,000, announced via a virtual event on August 28th.\nTo nominate your favourite local bar or restaurant, we just need a bit of information from you first.\n","type":"control_text"},null,null,{"name":"input66","qid":"66","text":"&lt; Start Over","type":"control_text"},{"description":"","name":"submissionComplete","qid":"67","subLabel":"","text":"Submission Complete","type":"control_dropdown"}]);
     setTimeout(function() {
    JotForm.paymentExtrasOnTheFly([null,null,null,null,null,{"description":"","name":"lastName","qid":"5","subLabel":"","text":"Last Name","type":"control_textbox"},{"description":"","name":"firstName","qid":"6","subLabel":"","text":"First Name","type":"control_textbox"},{"description":"","name":"emailAddress","qid":"7","subLabel":"","text":"Email Address","type":"control_email"},{"description":"","name":"mobile","qid":"8","text":"Mobile","type":"control_phone"},{"description":"","name":"homePhone9","qid":"9","text":"Home Phone Number","type":"control_phone"},{"description":"","name":"province","qid":"10","subLabel":"","text":"Province","type":"control_dropdown"},{"name":"iReside","qid":"11","text":"I reside in Canada","type":"control_widget"},{"name":"legalDrinking","qid":"12","text":"Legal drinking age","type":"control_widget"},{"name":"pageBreak","qid":"13","text":"Page Break","type":"control_pagebreak"},{"name":"submit","qid":"14","text":"Submit","type":"control_button"},null,null,null,null,null,{"description":"","name":"nameOf20","qid":"20","subLabel":"","text":"Name of Bar\u002FRestaurant","type":"control_textbox"},{"description":"","name":"townOr21","qid":"21","subLabel":"","text":"Town or City of Bar\u002FRestaurant","type":"control_textbox"},{"description":"","name":"provinceOr","qid":"22","subLabel":"","text":"Province or Territory of Bar\u002FRestaurant","type":"control_dropdown"},null,{"description":"","name":"websitesocialMedia24","qid":"24","subLabel":"(Ex:www.barname.ca)","text":"Website\u002FSocial Media Link","type":"control_textbox"},{"description":"","name":"phoneNumber","qid":"25","text":"Phone Number","type":"control_phone"},null,{"description":"","name":"tellUs","qid":"27","subLabel":"Minimum 250 characters. Maximum 1000 characters.","text":"Tell us a bit about your choice.  Why do you think this bar\u002Frestaurant serves the Best Caesar In Town®?","type":"control_textarea"},{"description":"","name":"whyDo28","qid":"28","subLabel":"Minimum 250 characters. Maximum 1000 characters.","text":"Why do you think the $25,000 prize could help this bar\u002Frestaurant?","type":"control_textarea"},{"name":"input29","qid":"29","text":"We may want to reach out and find out more about this bar\u002Frestaurant.By clicking below, you agree that we can contact you. *","type":"control_text"},{"name":"iGive","qid":"30","text":"I give permission for Mott's Clamato (and agencies) to reach out to me","type":"control_widget"},{"name":"futureCommunication","qid":"31","text":"Future Communication","type":"control_widget"},{"name":"rules","qid":"32","text":"Rules &amp; Regulations","type":"control_widget"},null,null,null,{"description":"","name":"formLanguage","qid":"36","subLabel":"","text":"Form Language","type":"control_textbox"},{"name":"iAgree","qid":"37","text":"I agree to the Mott’s®  Clamato® terms &amp; conditions and privacy policy ","type":"control_widget"},null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"name":"yourInformation","qid":"52","text":"Your information","type":"control_head"},{"name":"nominateYour","qid":"53","text":"Nominate your favourite bar or restaurant","type":"control_head"},{"name":"input54","qid":"54","text":"\nTo nominate, please ensure your choice meets the following:\n\nServes Mott’s® Clamato® Caesar\nIs an independently owned\u002Fnon franchised licensed establishment\nHas five or less locations within Canada\nHas a valid liquor license\nHas been in business &amp; operating before January 1st, 2020 through to present and shall not have filed for bankruptcy\n\n","type":"control_text"},null,{"name":"rules56","qid":"56","text":"Rules &amp; Regulations FR","type":"control_widget"},null,null,null,{"name":"input60","qid":"60","text":"\n\n\nYour info\n\n \n\n\nBar Nomination\n\n \n\n\nConfirmation\n\n","type":"control_text"},{"name":"input61","qid":"61","text":"\n\n\nYour info\n\n \n\n\nBar Nomination\n\n \n\n\nConfirmation\n\n","type":"control_text"},{"name":"input62","qid":"62","text":"\nHow it works: From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win $25,000, announced via a virtual event on August 28th.\nTo nominate your favourite local bar or restaurant, we just need a bit of information from you first.\n","type":"control_text"},{"name":"input63","qid":"63","text":"\nHow it works: From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win $25,000, announced via a virtual event on August 28th.\nTo nominate your favourite local bar or restaurant, we just need a bit of information from you first.\n","type":"control_text"},null,null,{"name":"input66","qid":"66","text":"&lt; Start Over","type":"control_text"},{"description":"","name":"submissionComplete","qid":"67","subLabel":"","text":"Submission Complete","type":"control_dropdown"}]);}, 20); 
    </script>
    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/printForm.css?3.3.25465" rel="nofollow noopener ugc" />
    <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/themes/CSS/5e6b428acc8c4e222d1beb91.css?themeRevisionID=5f7ed99c2c2c7240ba580251" rel="nofollow noopener ugc"/>
    <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/styles/payment/payment_styles.css?3.3.25465" rel="nofollow noopener ugc" />
    <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/styles/payment/payment_feature.css?3.3.25465" rel="nofollow noopener ugc" />
    <style type="text/css" id="form-designer-style">
      /* Injected CSS Code */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400');
    @import "https://fonts.googleapis.com/css?family=Inter:light,lightitalic,normal,italic,bold,bolditalic";


    *,
    *:after,
    *:before {
    box-sizing: border-box;
    }
    .form-all {
    font-family: "Inter", sans-serif;
    }
    .main .jotform-form {
    width: 100%;
    padding: 0 3%;
    }
    .form-all {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 920px;
    }
    .form-line-active {
    background-color: #ffffe0;
    }
    .form-all {
    font-size: 16px;
    }
    li.form-line {
    margin-top: 12px;
    margin-bottom: 12px;
    }
    .form-line {
    padding: 12px 10px;
    }
    .form-section {
    padding: 0px 38px;
    }
    .form-textbox,
    .form-textarea,
    .form-radio-other-input,
    .form-checkbox-other-input,
    .form-captcha input,
    .form-spinner input {
    background-color: #ffffff;
    }
    .form-label {
    font-family: "Inter", sans-serif;
    }
    .form-line-column {
    width: calc(50% - 8px);
    }
    .form-checkbox-item label,
    .form-checkbox-item span,
    .form-radio-item label,
    .form-radio-item span {
    color: #404a64;
    }
    .form-radio-item,
    .form-checkbox-item {
    padding-bottom: 0px !important;
    }
    .form-radio-item:last-child,
    .form-checkbox-item:last-child {
    padding-bottom: 0;
    }
    .form-single-column .form-checkbox-item,
    .form-single-column .form-radio-item {
    width: 100%;
    }
    .form-checkbox-item .editor-container div,
    .form-radio-item .editor-container div {
    position: relative;
    }
    .form-checkbox-item .editor-container div:before,
    .form-radio-item .editor-container div:before {
    display: inline-block;
    vertical-align: middle;
    left: 0;
    width: 20px;
    height: 20px;
    }
    .form-all .form-submit-button,
    .form-all .form-submit-print {
    font-size: 16px;
    font-weight: normal;
    font-family: "Inter", sans-serif;
    }
    .form-all .form-submit-button {
    min-width: 180px;
    }
    .form-all .form-submit-button.js-new-sacl-button,
    .form-all .form-submit-print {
    min-width: 98px;
    }
    .form-all .form-pagebreak-back,
    .form-all .form-pagebreak-next {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: normal;
    }
    .form-all .form-pagebreak-back,
    .form-all .form-pagebreak-next {
    min-width: 128px;
    }
    li[data-type="control_image"] div {
    text-align: left;
    }
    li[data-type="control_image"] img {
    border: none;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: false !important;
    }
    .supernova {
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: repeat;
    }
    .supernova {
    background-image: none;
    }
    #stage {
    background-image: none;
    }
    /* | */
    .form-all {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: repeat;
    }
    .form-header-group {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    }
    .header-large h1.form-header {
    font-size: 2em;
    }
    .header-large h2.form-header {
    font-size: 1.5em;
    }
    .header-large h3.form-header {
    font-size: 1.17em;
    }
    .header-large h1 + .form-subHeader {
    font-size: 1em;
    }
    .header-large h2 + .form-subHeader {
    font-size: .875em;
    }
    .header-large h3 + .form-subHeader {
    font-size: .75em;
    }
    .header-default h1.form-header {
    font-size: 2em;
    }
    .header-default h2.form-header {
    font-size: 1.5em;
    }
    .header-default h3.form-header {
    font-size: 1.17em;
    }
    .header-default h1 + .form-subHeader {
    font-size: 1em;
    }
    .header-default h2 + .form-subHeader {
    font-size: .875em;
    }
    .header-default h3 + .form-subHeader {
    font-size: .75em;
    }
    .header-small h1.form-header {
    font-size: 2em;
    }
    .header-small h2.form-header {
    font-size: 1.5em;
    }
    .header-small h3.form-header {
    font-size: 1.17em;
    }
    .header-small h1 + .form-subHeader {
    font-size: 1em;
    }
    .header-small h2 + .form-subHeader {
    font-size: .875em;
    }
    .header-small h3 + .form-subHeader {
    font-size: .75em;
    }
    .form-header-group {
    text-align: left;
    }
    .form-header-group {
    font-family: "Inter", sans-serif;
    }
    div.form-header-group.header-large {
    margin: 0px -38px;
    }
    div.form-header-group.header-large {
    padding: 40px 52px;
    }
    .form-header-group .form-header,
    .form-header-group .form-subHeader {
    color: 0;
    }
    .form-line-error {
    overflow: hidden;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -ms-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #fff4f4;
    }
    .form-line-error .form-error-message {
    background-color: #f23a3c;
    clear: both;
    float: none;
    }
    .form-line-error .form-error-message .form-error-arrow {
    border-bottom-color: #f23a3c;
    }
    .form-line-error input:not(#coupon-input),
    .form-line-error textarea,
    .form-line-error .form-validation-error {
    border: 1px solid #f23a3c;
    box-shadow: 0 0 3px #f23a3c;
    }
    .supernova {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0);
    }
    .supernova body {
    background-color: transparent;
    }
    .supernova .form-all,
    .form-all {
    background-color: #ffffff;
    }
    .form-textbox,
    .form-textarea,
    .form-radio-other-input,
    .form-checkbox-other-input,
    .form-captcha input,
    .form-spinner input {
    background-color: #ffffff;
    }
    .form-matrix-table tr {
    border-color: #e6e6e6;
    }
    .form-matrix-table tr:nth-child(2n) {
    background-color: #f2f2f2;
    }
    .form-all {
    color: #2c3345;
    }
    .form-label-top,
    .form-label-left,
    .form-label-right,
    .form-html {
    color: #2c3345;
    }
    .form-line-error {
    overflow: hidden;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -ms-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #fff4f4;
    }
    .form-header-group .form-header,
    .form-header-group .form-subHeader {
    color: 0;
    }


    /*PREFERENCES STYLE*/
      .form-all {
        font-family: Inter, sans-serif;
      }
      .form-all .qq-upload-button,
      .form-all .form-submit-button,
      .form-all .form-submit-reset,
      .form-all .form-submit-print {
        font-family: Inter, sans-serif;
      }
      .form-all .form-pagebreak-back-container,
      .form-all .form-pagebreak-next-container {
        font-family: Inter, sans-serif;
      }
      .form-header-group {
        font-family: Inter, sans-serif;
      }
      .form-label {
        font-family: Inter, sans-serif;
      }


      .form-label.form-label-auto {
        
      display: block;
      float: none;
      text-align: left;
      width: 100%;


      }


      .form-line {
        margin-top: 12px;
        margin-bottom: 12px;
      }


      .form-all {
        max-width: 920px;
        width: 100%;
      }


      .form-label.form-label-left,
      .form-label.form-label-right,
      .form-label.form-label-left.form-label-auto,
      .form-label.form-label-right.form-label-auto {
        width: 230px;
      }


      .form-all {
        font-size: 16px
      }
      .form-all .qq-upload-button,
      .form-all .qq-upload-button,
      .form-all .form-submit-button,
      .form-all .form-submit-reset,
      .form-all .form-submit-print {
        font-size: 16px
      }
      .form-all .form-pagebreak-back-container,
      .form-all .form-pagebreak-next-container {
        font-size: 16px
      }


      .supernova .form-all, .form-all {
        background-color: #fff;
      }


      .form-all {
        color: #000000;
      }
      .form-header-group .form-header {
        color: #000000;
      }
      .form-header-group .form-subHeader {
        color: #000000;
      }
      .form-label-top,
      .form-label-left,
      .form-label-right,
      .form-html,
      .form-checkbox-item label,
      .form-radio-item label {
        color: #000000;
      }
      .form-sub-label {
        color: #1a1a1a;
      }


      .supernova {
        background-color: rgba(255,255,255,0);
      }
      .supernova body {
        background: transparent;
      }


      .form-textbox,
      .form-textarea,
      .form-dropdown,
      .form-radio-other-input,
      .form-checkbox-other-input,
      .form-captcha input,
      .form-spinner input {
        background-color: #fff;
      }


      .supernova {
        background-image: none;
      }
      #stage {
        background-image: none;
      }


      .form-all {
        background-image: none;
      }


    .ie-8 .form-all:before { display: none; }
    .ie-8 {
      margin-top: auto;
      margin-top: initial;
    }


    /*PREFERENCES STYLE*//*__INSPECT_SEPERATOR__*/
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400');


    .form-all {
      font-family : 'Montserrat', sans-serif;
      box-shadow: none;
    }


    body {
      background-color: white;
    }


    .how-it-works {
    padding-top: 50px;
    padding-bottom:50px;
    line-height: 30px;
    text-align: center;
    }


    .nomination-info {
    line-height: 30px;
    }


    #id_11, #id_12 {
      height : 25px;
    }


    .error-navigation-container {
      display : none;
    }


    .form-label.form-label-auto {
      display : block;
      float : none;
      text-align : left;
      width : 100%;
    }


    .form-section:nth-child(2) .form-pagebreak-back-container {
      position : absolute;
      top : 0;
    }


    .supernova .form-all {
      border : none;
      box-shadow : none;
    }


    .supernova body {
      margin : 0;
    }


    .form-line {
      padding : 0;
    }


    ul.page-section {
      padding : 0;
    }


    .back-btn {
    text-decoration: none;
    color: black;
    }


    .icheckbox_minimal.checked:after {
      background-color : #143D93 !important;
      border-color : #143D93 !important;
    }


    .form-pagebreak-next, .formFooter-button, .submit-button {
      background-color : #D03C2B;
      border-color : #D03C2B;
      color : #fff;
      padding : 12px 124px;
    }


    .form-pagebreak-next:hover,
    .formFooter-button:hover, .submit-button:hover {
      background-color : #143D93;
      border-color : #143D93;
      color : #fff;
      padding : 12px 124px;
    }


    .form-all .form-pagebreak-next {
    font-size: 18px;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif !important;
    }


    .form-pagebreak {
    margin: 0;
    padding: 32px 0;
    }


    .form-pagebreak {
    justify-content: center;
    }


    .form-pagebreak-back-container{
    margin-right: 0;
    }


    .cont .language-dd {
      visibility : hidden;
    }


    .form-pagebreak, .form-header-group {
      border : none;
    }


    #id_20 {
      padding-top : 24px;
    }


    #id_27, #id_28 {
      padding-top : 48px;
    }


    #id_29 {
    padding-top:36px;
    padding-bottom: 20px;
    }


    div.header-large {
      padding-top : 0;
      padding-bottom : 24px;
      padding-left : 0;
      margin : 0;
    }


    #header_52, #header_53 {
      color : #D03C2B;
      font-family : 'Montserrat', sans-serif;
      text-align: center;


    }


    .cont {
      display : none;
    }


    .jf-form-buttons:not(.form-pagebreak-back) {
      margin-left : -10px;
    }


    .form-label {
      font-family : "Montserrat", sans-serif;
    }




    .progress-container {
      display: flex;
      justify-content: space-around;
      font-size: 12px;
    }


    .progress-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    text-align: center;
    }


    .progress-line-start {
      width:100px;
      background-color:#8FB92F;
      height:3px;
    }


    .progress-line {
      width:100px;
      background-color:#E3E3E3;
      height:3px;
    }


    .progress-line, .progress-line-start {
      margin: 24px 0;
    }


    .progress {
          border: solid 2px #E3E3E3;
      border-radius: 50%; 
      width: 48px; 
      height: 48px; 
      display: flex; 
      justify-content: center; 
      align-items: center;
    }


    .progress-start {
          border: solid 2px #8FB92F;
          border-radius: 50%; 
      width: 48px; 
      height: 48px; 
      display: flex; 
      justify-content: center; 
      align-items: center;
    }


    .progress-complete {
              border: solid 2px #8FB92F;
          border-radius: 50%;
          background-color:#8FB92F;
      width: 48px; 
      height: 48px; 
      display: flex; 
      justify-content: center; 
      align-items: center;
    }


    .progress-text {
      color: #8fb92f;
    }


      .progress-text-start {
      color: #E3E3E3;
    }




    .entry-content p {
      margin-bottom: 0;
    }


    div.form-header-group.header-large{
    padding:24px 0;
    }


    div.form-header-group.header-large {
    margin:0;
    }


    .form-line-error {
    background: white !important;
    }


    .form-line-error .form-error-message {
    background: white;
    }


    .form-error-message {
    color: #D03C2B;
    background: none;
    padding: 0;
    }


    .form-required {
    color: black;
    }


    iframe[data-client-id="52948fb29322cd302b00000c"] {
    margin-top: 0;
    }


    .form-button-error {
    display:none !important;
    }


    #sublabel_input_27, #sublabel_input_28,
    #input_27-limit, #input_28-limit{
    color: #828282;
    font-size: 14px;
    }


    .form-textarea-limit-indicator {
    display: flex;
    justify-content: space-between;
    }


    .form-all .form-pagebreak-back-container{
    display:none;
    }


    .form-all .form-submit-button {
    font-size: 18px;
    font-weight: bold;
    font-family : "Montserrat", sans-serif;
    }


    @media (min-width: 720px) {
    .progress-container {
      display: flex;
      flex-direction: row;
    }
    .progress-line, .progress-line-start {
      margin: 0;
    }
    .form-pagebreak {
      justify-content: flex-end;
    }
    .form-input-wide {
      padding-right:60px;
    }
    .how-it-works {
      text-align:left;
    }
    #header_52, #header_53 {
      text-align: left;
    }
    }
      /* Injected CSS Code */
    </style>


    <form class="jotform-form" action="https://submit.jotform.com/submit/211316467995061?language=fr" method="post" name="form_211316467995061" id="211316467995061" accept-charset="utf-8" autocomplete="on">
    <input type="hidden" name="formID" value="211316467995061" />
    <input type="hidden" id="JWTContainer" value="" />
    <input type="hidden" id="cardinalOrderNumber" value="" />
    <div role="main" class="form-all">
      <link type="text/css" rel="stylesheet" media="all" target="_blank" href="https://cdn.jotfor.ms/wizards/languageWizard/custom-dropdown/css/lang-dd.css?3.3.25465" rel="nofollow noopener ugc" />
      <div class="cont">
        <input type="text" id="input_language" name="input_language" style="display:none" />
        <div class="language-dd" id="langDd" style="display:none">
          <div class="dd-placeholder lang-emp">
            Language
          </div>
          <ul class="lang-list dn" id="langList">
            <li data-lang="en" class="en">
              English (US)
            </li>
            <li data-lang="fr-CA" class="fr-CA">
              French (Canada)
            </li>
          </ul>
        </div>
      </div>
      <script type="text/javascript" src="https://cdn.jotfor.ms/js/formTranslation.v2.js?3.3.25465"></script>
      <ul class="form-section page-section">
        <li class="form-line" data-type="control_text" id="id_60">
          <div id="cid_60" class="form-input-wide" data-layout="full">
            <div id="text_60" class="form-html" data-component="text">
              <div class="progress-container">
                <div class="progress-item">
                  <div class="progress-start">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text">Your info</p>
                </div>
                <div class="progress-line-start">
                   
                </div>
                <div class="progress-item">
                  <div class="progress">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text-start">Bar Nomination</p>
                </div>
                <div class="progress-line">
                   
                </div>
                <div class="progress-item">
                  <div class="progress">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text-start">Confirmation</p>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_text" id="id_62">
          <div id="cid_62" class="form-input-wide" data-layout="full">
            <div id="text_62" class="form-html" data-component="text">
              <div class="how-it-works">
                <p style="font-size: 16px;"><strong>How it works:</strong> From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win <strong>$25,000</strong>, announced via a virtual event on August 28th.</p>
                <p style="font-size: 16px; padding-top: 24px;">To nominate your favourite local bar or restaurant, we just need a bit of information from you first.</p>
              </div>
            </div>
          </div>
        </li>
        <li id="cid_52" class="form-input-wide" data-type="control_head">
          <div class="form-header-group  header-large">
            <div class="header-text httal htvam">
              <h1 id="header_52" class="form-header" data-component="header">
                Your information
              </h1>
              <div id="subHeader_52" class="form-subHeader">
                *required fields
              </div>
            </div>
          </div>
        </li>
        <li class="form-line form-line-column form-col-1 jf-required" data-type="control_textbox" id="id_6">
          <label class="form-label form-label-top" id="label_6" for="input_6">
            First Name
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_6" class="form-input-wide jf-required" data-layout="half">
            <input type="text" id="input_6" name="q6_firstName" data-type="input-textbox" class="form-textbox validate[required]" style="width:410px" size="410" value="" data-component="textbox" aria-labelledby="label_6" required="" />
          </div>
        </li>
        <li class="form-line form-line-column form-col-2 jf-required" data-type="control_textbox" id="id_5">
          <label class="form-label form-label-top" id="label_5" for="input_5">
            Last Name
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_5" class="form-input-wide jf-required" data-layout="half">
            <input type="text" id="input_5" name="q5_lastName" data-type="input-textbox" class="form-textbox validate[required]" style="width:41px" size="41" value="" data-component="textbox" aria-labelledby="label_5" required="" />
          </div>
        </li>
        <li class="form-line fixed-width jf-required" data-type="control_email" id="id_7">
          <label class="form-label form-label-top form-label-auto" id="label_7" for="input_7">
            Email Address
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_7" class="form-input-wide jf-required" data-layout="half">
            <input type="email" id="input_7" name="q7_emailAddress" class="form-textbox validate[required, Email]" style="width:392px" size="392" value="" data-component="email" aria-labelledby="label_7" required="" />
          </div>
        </li>
        <li class="form-line form-line-column form-col-1 jf-required" data-type="control_phone" id="id_8">
          <label class="form-label form-label-top" id="label_8" for="input_8_full">
            Mobile
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_8" class="form-input-wide jf-required" data-layout="half">
            <span class="form-sub-label-container" style="vertical-align:top">
              <input type="tel" id="input_8_full" name="q8_mobile[full]" data-type="mask-number" class="mask-phone-number form-textbox validate[required, Fill Mask]" style="width:310px" data-masked="true" value="" placeholder="(000) 000-0000" data-component="phone" aria-labelledby="label_8" required="" />
              <label class="form-sub-label is-empty" for="input_8_full" id="sublabel_8_masked" style="min-height:13px" aria-hidden="false">  </label>
            </span>
          </div>
        </li>
        <li class="form-line form-line-column form-col-2" data-type="control_phone" id="id_9">
          <label class="form-label form-label-top" id="label_9" for="input_9_full"> Home Phone Number </label>
          <div id="cid_9" class="form-input-wide" data-layout="half">
            <span class="form-sub-label-container" style="vertical-align:top">
              <input type="tel" id="input_9_full" name="q9_homePhone9[full]" data-type="mask-number" class="mask-phone-number form-textbox validate[Fill Mask]" style="width:310px" data-masked="true" value="" placeholder="(000) 000-0000" data-component="phone" aria-labelledby="label_9" />
              <label class="form-sub-label is-empty" for="input_9_full" id="sublabel_9_masked" style="min-height:13px" aria-hidden="false">  </label>
            </span>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_dropdown" id="id_10">
          <label class="form-label form-label-top form-label-auto" id="label_10" for="input_10">
            Province
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_10" class="form-input-wide jf-required" data-layout="half">
            <select class="form-dropdown validate[required]" style="width:310px;" id="input_10" name="q10_province">
              <option value=""> Please select </option>
              <option selected value="Alberta"> Alberta </option>
              <option value="British Columbia"> British Columbia </option>
              <option value="Manitoba"> Manitoba </option>
              <option value="New Brunswick"> New Brunswick </option>
              <option value="Newfoundland"> Newfoundland </option>
              <option value="Northwest Territories"> Northwest Territories </option>
              <option value="Nova Scotia"> Nova Scotia </option>
              <option value="Nunavut"> Nunavut </option>
              <option value="Ontario"> Ontario </option>
              <option value="Prince Edward Island"> Prince Edward Island </option>
              <option value="Quebec"> Quebec </option>
              <option value="Saskatchewan"> Saskatchewan </option>
              <option value="Yukon"> Yukon </option>
            </select>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_widget" id="id_11">
          <div id="cid_11" class="form-input-wide termsAndConditionsV2 jf-required" data-layout="full">
            <div data-widget-name="Terms &amp;amp; Conditions" style="width:100%;text-align:Left;overflow-x:auto" data-component="widget-field">
              <iframe data-client-id="52948fb29322cd302b00000c" title="Terms &amp;amp; Conditions" frameBorder="0" scrolling="no" allowtransparency="true" allow="geolocation; microphone; camera; autoplay; encrypted-media; fullscreen" data-type="iframe" class="custom-field-frame" id="customFieldFrame_11" src="" style="max-width:580px;border:none;width:100%;height:25px" data-width="580" data-height="25">
              </iframe>
              <div class="widget-inputs-wrapper">
                <input type="hidden" id="input_11" class="form-hidden form-widget widget-required " name="q11_iReside" value="" />
                <input type="hidden" id="widget_settings_11" class="form-hidden form-widget-settings" value="%5B%7B%22name%22%3A%22termsText%22%2C%22value%22%3A%22I%20reside%20in%20Canada%22%7D%2C%7B%22name%22%3A%22termsLink%22%2C%22value%22%3A%22www.example.com%22%7D%2C%7B%22name%22%3A%22theme%22%2C%22value%22%3A%22default%22%7D%2C%7B%22name%22%3A%22acceptedText%22%2C%22value%22%3A%22Yes%22%7D%2C%7B%22name%22%3A%22customCSS%22%2C%22value%22%3A%22%5Cn%40import%20url(&#x27;https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DMontserrat%3Awght%40400&#x27;)%3B%5Cn%5Cnlabel%20%7B%5Cn%20%20%20%20font-family%20%3A%20&#x27;Montserrat&#x27;%2C%20sans-serif%3B%5Cn%7D%5Cn%5Cn.icheckbox_minimal.checked%3Aafter%20%7B%5Cnbackground-color%3A%23143D93%20!important%3B%5Cnborder-color%3A%20%23143D93%20!important%3B%5Cn%7D%5Cn%5Cn.required%20%20%7B%5Cncolor%3A%20black%3B%5Cn%7D%22%7D%5D" data-version="2" />
              </div>
              <script type="text/javascript">
              setTimeout(function()
    {
    var _cFieldFrame = document.getElementById("customFieldFrame_11");
    if (_cFieldFrame)
    {
      _cFieldFrame.onload = function()
      {
        if (typeof widgetFrameLoaded !== 'undefined')
        {
          widgetFrameLoaded(11, {
            "formID": 211316467995061
          })
        }
      };
      _cFieldFrame.src = "//app-widgets.jotform.io/termsConditions/?qid=11&ref=" + encodeURIComponent(window.location.protocol + "//" + window.location.host) + '&ndt=1' + '' + '&injectCSS=' + encodeURIComponent(window.location.search.indexOf("ndt=1") > -1);
      _cFieldFrame.addClassName("custom-field-frame-rendered");
    }
    }, 0);
              </script>
            </div>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_widget" id="id_12">
          <div id="cid_12" class="form-input-wide termsAndConditionsV2 jf-required" data-layout="full">
            <div data-widget-name="Terms &amp;amp; Conditions" style="width:100%;text-align:Left;overflow-x:auto" data-component="widget-field">
              <iframe data-client-id="52948fb29322cd302b00000c" title="Terms &amp;amp; Conditions" frameBorder="0" scrolling="no" allowtransparency="true" allow="geolocation; microphone; camera; autoplay; encrypted-media; fullscreen" data-type="iframe" class="custom-field-frame" id="customFieldFrame_12" src="" style="max-width:580px;border:none;width:100%;height:25px" data-width="580" data-height="25">
              </iframe>
              <div class="widget-inputs-wrapper">
                <input type="hidden" id="input_12" class="form-hidden form-widget widget-required " name="q12_legalDrinking" value="" />
                <input type="hidden" id="widget_settings_12" class="form-hidden form-widget-settings" value="%5B%7B%22name%22%3A%22termsText%22%2C%22value%22%3A%22I%20am%20of%20legal%20drinking%20age%20in%20my%20province%20or%20territory%22%7D%2C%7B%22name%22%3A%22termsLink%22%2C%22value%22%3A%22www.example.com%22%7D%2C%7B%22name%22%3A%22theme%22%2C%22value%22%3A%22default%22%7D%2C%7B%22name%22%3A%22acceptedText%22%2C%22value%22%3A%22Yes%22%7D%2C%7B%22name%22%3A%22customCSS%22%2C%22value%22%3A%22%5Cn%40import%20url(&#x27;https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DMontserrat%3Awght%40400&#x27;)%3B%5Cn%5Cnlabel%20%7B%5Cn%20%20%20%20font-family%20%3A%20&#x27;Montserrat&#x27;%2C%20sans-serif%3B%5Cn%7D%5Cn%5Cn.icheckbox_minimal.checked%3Aafter%20%7B%5Cnbackground-color%3A%23143D93%20!important%3B%5Cnborder-color%3A%20%23143D93%20!important%3B%5Cn%7D%5Cn%5Cn.required%20%20%7B%5Cncolor%3A%20black%3B%5Cn%7D%22%7D%5D" data-version="2" />
              </div>
              <script type="text/javascript">
              setTimeout(function()
    {
    var _cFieldFrame = document.getElementById("customFieldFrame_12");
    if (_cFieldFrame)
    {
      _cFieldFrame.onload = function()
      {
        if (typeof widgetFrameLoaded !== 'undefined')
        {
          widgetFrameLoaded(12, {
            "formID": 211316467995061
          })
        }
      };
      _cFieldFrame.src = "//app-widgets.jotform.io/termsConditions/?qid=12&ref=" + encodeURIComponent(window.location.protocol + "//" + window.location.host) + '&ndt=1' + '' + '&injectCSS=' + encodeURIComponent(window.location.search.indexOf("ndt=1") > -1);
      _cFieldFrame.addClassName("custom-field-frame-rendered");
    }
    }, 0);
              </script>
            </div>
          </div>
        </li>
        <li id="cid_13" class="form-input-wide" data-type="control_pagebreak">
          <div class="form-pagebreak" data-component="pagebreak">
            <div class="form-pagebreak-back-container">
              <button id="form-pagebreak-back_13" type="button" class="form-pagebreak-back  jf-form-buttons" data-component="pagebreak-back">
                Back
              </button>
            </div>
            <div class="form-pagebreak-next-container">
              <button id="form-pagebreak-next_13" type="button" class="form-pagebreak-next  jf-form-buttons" data-component="pagebreak-next"
              onclick="progress()">
                Next
              </button>
            </div>
            <div style="clear:both" class="pageInfo form-sub-label" id="pageInfo_13">
            </div>
          </div>
        </li>
      </ul>
      <ul class="form-section page-section" style="display:none;">
        <li class="form-line" data-type="control_text" id="id_66">
          <div id="cid_66" class="form-input-wide" data-layout="full">
            <div id="text_66" class="form-html" data-component="text">
              <p><a class="back-btn" target="_blank" href="https://motts.stage-cc.com/bcit/" rel="nofollow noopener ugc" rel="nofollow">&lt; Start Over</a></p>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_text" id="id_61">
          <div id="cid_61" class="form-input-wide" data-layout="full">
            <div id="text_61" class="form-html" data-component="text">
              <div class="progress-container">
                <div class="progress-item">
                  <div class="progress-complete">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text">Your info</p>
                </div>
                <div class="progress-line-start">
                   
                </div>
                <div class="progress-item">
                  <div class="progress-start">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text">Bar Nomination</p>
                </div>
                <div class="progress-line-start">
                   
                </div>
                <div class="progress-item">
                  <div class="progress">
                    <img src="https://motts.stage-cc.com/wp-content/uploads/2021/05/check.png" />
                  </div>
                  <p class="progress-text-start">Confirmation</p>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_text" id="id_63">
          <div id="cid_63" class="form-input-wide" data-layout="full">
            <div id="text_63" class="form-html" data-component="text">
              <div class="how-it-works">
                <p style="font-size: 16px;"><strong>How it works:</strong> From May 27th to June 17th, nominate your favourite local bar or restaurant that serves the Best Caesar In Town® mixed with Mott’s® Clamato®. Then, check back on July 8th to vote for which of our 10 finalists you think should win <strong>$25,000</strong>, announced via a virtual event on August 28th.</p>
                <p style="font-size: 16px; padding-top: 24px;">To nominate your favourite local bar or restaurant, we just need a bit of information from you first.</p>
              </div>
            </div>
          </div>
        </li>
        <li id="cid_53" class="form-input-wide" data-type="control_head">
          <div class="form-header-group  header-large">
            <div class="header-text httal htvam">
              <h1 id="header_53" class="form-header" data-component="header">
                Nominate your favourite bar or restaurant
              </h1>
              <div id="subHeader_53" class="form-subHeader">
                *required fields
              </div>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_text" id="id_54">
          <div id="cid_54" class="form-input-wide" data-layout="full">
            <div id="text_54" class="form-html" data-component="text">
              <div class="nomination-info">
                <p><span style="font-size: 16px;">To nominate, please ensure your choice meets the following:</span></p>
                <ul>
                  <li>
                    <span style="font-size: 16px;">
                      Serves Mott’s® Clamato® Caesar
                    </span>
                  </li>
                  <li>
                    <span style="font-size: 12pt;">
                      Is an independently owned/non franchised licensed establishment
                    </span>
                  </li>
                  <li>
                    <span style="font-size: 12pt;">
                      Has five or less locations within Canada
                    </span>
                  </li>
                  <li>
                    <span style="font-size: 12pt;">
                      Has a valid liquor license
                    </span>
                  </li>
                  <li>
                    <span style="font-size: 12pt;">
                      Has been in business &amp; operating before January 1st, 2020 through to present and shall not have filed for bankruptcy
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_textbox" id="id_20">
          <label class="form-label form-label-top form-label-auto" id="label_20" for="input_20">
            Name of Bar/Restaurant
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_20" class="form-input-wide jf-required" data-layout="half">
            <input type="text" id="input_20" name="q20_nameOf20" data-type="input-textbox" class="form-textbox validate[required]" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_20" required="" />
          </div>
        </li>
        <li class="form-line form-line-column form-col-1 jf-required" data-type="control_textbox" id="id_21">
          <label class="form-label form-label-top" id="label_21" for="input_21">
            Town or City of Bar/Restaurant
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_21" class="form-input-wide jf-required" data-layout="half">
            <input type="text" id="input_21" name="q21_townOr21" data-type="input-textbox" class="form-textbox validate[required]" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_21" required="" />
          </div>
        </li>
        <li class="form-line form-line-column form-col-2 jf-required" data-type="control_dropdown" id="id_22">
          <label class="form-label form-label-top" id="label_22" for="input_22">
            Province or Territory of Bar/Restaurant
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_22" class="form-input-wide jf-required" data-layout="half">
            <select class="form-dropdown validate[required]" id="input_22" name="q22_provinceOr" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_22">
              <option value=""> Please Select </option>
              <option value="Alberta"> Alberta </option>
              <option value="British Columbia"> British Columbia </option>
              <option value="Manitoba"> Manitoba </option>
              <option value="New Brunswick"> New Brunswick </option>
              <option value="Newfoundland"> Newfoundland </option>
              <option value="Northwest Territories"> Northwest Territories </option>
              <option value="Nova Scotia"> Nova Scotia </option>
              <option value="Nunavut"> Nunavut </option>
              <option value="Ontario"> Ontario </option>
              <option value="Prince Edward Island"> Prince Edward Island </option>
              <option value="Quebec"> Quebec </option>
              <option value="Saskatchewan"> Saskatchewan </option>
              <option value="Yukon"> Yukon </option>
            </select>
          </div>
        </li>
        <li class="form-line form-line-column form-col-3" data-type="control_textbox" id="id_24">
          <label class="form-label form-label-top" id="label_24" for="input_24"> Website/Social Media Link </label>
          <div id="cid_24" class="form-input-wide" data-layout="half">
            <span class="form-sub-label-container" style="vertical-align:top">
              <input type="text" id="input_24" name="q24_websitesocialMedia24" data-type="input-textbox" class="form-textbox validate[Url]" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_24 sublabel_input_24" />
              <label class="form-sub-label" for="input_24" id="sublabel_input_24" style="min-height:13px" aria-hidden="false"> (Ex:www.barname.ca) </label>
            </span>
          </div>
        </li>
        <li class="form-line form-line-column form-col-4" data-type="control_phone" id="id_25">
          <label class="form-label form-label-top" id="label_25" for="input_25_full"> Phone Number </label>
          <div id="cid_25" class="form-input-wide" data-layout="half">
            <span class="form-sub-label-container" style="vertical-align:top">
              <input type="tel" id="input_25_full" name="q25_phoneNumber[full]" data-type="mask-number" class="mask-phone-number form-textbox validate[Fill Mask]" style="width:310px" data-masked="true" value="" placeholder="(000) 000-0000" data-component="phone" aria-labelledby="label_25" />
              <label class="form-sub-label is-empty" for="input_25_full" id="sublabel_25_masked" style="min-height:13px" aria-hidden="false">  </label>
            </span>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_textarea" id="id_27">
          <label class="form-label form-label-top form-label-auto" id="label_27" for="input_27">
            Tell us a bit about your choice. Why do you think this bar/restaurant serves the Best Caesar In Town®?
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_27" class="form-input-wide jf-required" data-layout="full">
            <div class="form-textarea-limit">
              <span>
                <textarea id="input_27" class="form-textarea validate[required]" name="q27_tellUs" style="width:648px;height:127px" data-component="textarea" required=""></textarea>
                <div class="form-textarea-limit-indicator">
                  <label for="input_27" style="float:left" id="sublabel_input_27"> Minimum 250 characters. Maximum 1000 characters. </label>
                  <span data-limit="1000" type="Letters" data-minimum="250" data-typeminimum="Letters" id="input_27-limit">
                    0/1000
                  </span>
                </div>
              </span>
            </div>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_textarea" id="id_28">
          <label class="form-label form-label-top form-label-auto" id="label_28" for="input_28">
            Why do you think the $25,000 prize could help this bar/restaurant?
            <span class="form-required">
              *
            </span>
          </label>
          <div id="cid_28" class="form-input-wide jf-required" data-layout="full">
            <div class="form-textarea-limit">
              <span>
                <textarea id="input_28" class="form-textarea validate[required]" name="q28_whyDo28" style="width:648px;height:127px" data-component="textarea" required=""></textarea>
                <div class="form-textarea-limit-indicator">
                  <label for="input_28" style="float:left" id="sublabel_input_28"> Minimum 250 characters. Maximum 1000 characters. </label>
                  <span data-limit="1000" type="Letters" data-minimum="250" data-typeminimum="Letters" id="input_28-limit">
                    0/1000
                  </span>
                </div>
              </span>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_text" id="id_29">
          <div id="cid_29" class="form-input-wide" data-layout="full">
            <div id="text_29" class="form-html" data-component="text">
              <p style="font-size: 16px; text-align: justify;">We may want to reach out and find out more about this bar/restaurant.<br />By clicking below, you agree that we can contact you. *</p>
            </div>
          </div>
        </li>
        <li class="form-line jf-required" data-type="control_widget" id="id_30">
          <div id="cid_30" class="form-input-wide termsAndConditionsV2 jf-required" data-layout="full">
            <div data-widget-name="Terms &amp;amp; Conditions" style="width:100%;text-align:Left;overflow-x:auto" data-component="widget-field">
              <iframe data-client-id="52948fb29322cd302b00000c" title="Terms &amp;amp; Conditions" frameBorder="0" scrolling="no" allowtransparency="true" allow="geolocation; microphone; camera; autoplay; encrypted-media; fullscreen" data-type="iframe" class="custom-field-frame" id="customFieldFrame_30" src="" style="max-width:918px;border:none;width:100%;height:px" data-width="918" data-height="">
              </iframe>
              <div class="widget-inputs-wrapper">
                <input type="hidden" id="input_30" class="form-hidden form-widget widget-required " name="q30_iGive" value="" />
                <input type="hidden" id="widget_settings_30" class="form-hidden form-widget-settings" value="%5B%7B%22name%22%3A%22termsText%22%2C%22value%22%3A%22I%20give%20permission%20for%20Mott%E2%80%99s%C2%AE%20%20Clamato%C2%AE%20(and%20its%20respective%20agencies)%20to%20reach%20out%20to%20me%20in%20relation%20to%20the%202021%20Best%20Caesar%20in%20Town%E2%84%A2%20competition%22%7D%2C%7B%22name%22%3A%22termsLink%22%2C%22value%22%3A%22www.example.com%22%7D%2C%7B%22name%22%3A%22theme%22%2C%22value%22%3A%22default%22%7D%2C%7B%22name%22%3A%22acceptedText%22%2C%22value%22%3A%22Accepted%22%7D%2C%7B%22name%22%3A%22customCSS%22%2C%22value%22%3A%22%5Cn%40import%20url(&#x27;https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DMontserrat%3Awght%40400&#x27;)%3B%5Cn%5Cnlabel%20%7B%5Cn%20%20%20%20font-family%20%3A%20&#x27;Montserrat&#x27;%2C%20sans-serif%3B%5Cn%7D%5Cn%5Cn.icheckbox_minimal.checked%3Aafter%20%7B%5Cnbackground-color%3A%23143D93%20!important%3B%5Cnborder-color%3A%20%23143D93%20!important%3B%5Cn%7D%5Cn%5Cn.required%20%20%7B%5Cncolor%3A%20black%3B%5Cn%7D%22%7D%5D" data-version="2" />
              </div>
              <script type="text/javascript">
              setTimeout(function()
    {
    var _cFieldFrame = document.getElementById("customFieldFrame_30");
    if (_cFieldFrame)
    {
      _cFieldFrame.onload = function()
      {
        if (typeof widgetFrameLoaded !== 'undefined')
        {
          widgetFrameLoaded(30, {
            "formID": 211316467995061
          })
        }
      };
      _cFieldFrame.src = "//app-widgets.jotform.io/termsConditions/?qid=30&ref=" + encodeURIComponent(window.location.protocol + "//" + window.location.host) + '&ndt=1' + '' + '&injectCSS=' + encodeURIComponent(window.location.search.indexOf("ndt=1") > -1);
      _cFieldFrame.addClassName("custom-field-frame-rendered");
    }
    }, 0);
              </script>
            </div>
          </div>
        </li>
        <li class="form-line" data-type="control_widget" id="id_31">
          <div id="cid_31" class="form-input-wide termsAndConditionsV2" data-layout="full">
            <div data-widget-name="Terms &amp;amp; Conditions" style="width:100%;text-align:Left;overflow-x:auto" data-component="widget-field">
              <iframe data-client-id="52948fb29322cd302b00000c" title="Terms &amp;amp; Conditions" frameBorder="0" scrolling="no" allowtransparency="true" allow="geolocation; microphone; camera; autoplay; encrypted-media; fullscreen" data-type="iframe" class="custom-field-frame" id="customFieldFrame_31" src="" style="max-width:918px;border:none;width:100%;height:px" data-width="918" data-height="">
              </iframe>
              <div class="widget-inputs-wrapper">
                <input type="hidden" id="input_31" class="form-hidden form-widget  " name="q31_futureCommunication" value="" />
                <input type="hidden" id="widget_settings_31" class="form-hidden form-widget-settings" value="%5B%7B%22name%22%3A%22termsText%22%2C%22value%22%3A%22I%20agree%20to%20receive%20future%20communications%20from%20the%20Mott%E2%80%99s%C2%AE%20Clamato%C2%AE%20team%3A%22%7D%2C%7B%22name%22%3A%22termsLink%22%2C%22value%22%3A%22www.example.com%22%7D%2C%7B%22name%22%3A%22theme%22%2C%22value%22%3A%22default%22%7D%2C%7B%22name%22%3A%22acceptedText%22%2C%22value%22%3A%22Agreed%22%7D%2C%7B%22name%22%3A%22customCSS%22%2C%22value%22%3A%22%5Cn%40import%20url(&#x27;https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DMontserrat%3Awght%40400&#x27;)%3B%5Cn%5Cnlabel%20%7B%5Cn%20%20%20%20font-family%20%3A%20&#x27;Montserrat&#x27;%2C%20sans-serif%3B%5Cn%7D%5Cn%5Cn.icheckbox_minimal.checked%3Aafter%20%7B%5Cnbackground-color%3A%23143D93%20!important%3B%5Cnborder-color%3A%20%23143D93%20!important%3B%5Cn%7D%5Cn%5Cn.required%20%20%7B%5Cncolor%3A%20black%3B%5Cn%7D%22%7D%5D" data-version="2" />
              </div>
              <script type="text/javascript">
              setTimeout(function()
    {
    var _cFieldFrame = document.getElementById("customFieldFrame_31");
    if (_cFieldFrame)
    {
      _cFieldFrame.onload = function()
      {
        if (typeof widgetFrameLoaded !== 'undefined')
        {
          widgetFrameLoaded(31, {
            "formID": 211316467995061
          })
        }
      };
      _cFieldFrame.src = "//app-widgets.jotform.io/termsConditions/?qid=31&ref=" + encodeURIComponent(window.location.protocol + "//" + window.location.host) + '&ndt=1' + '' + '&injectCSS=' + encodeURIComponent(window.location.search.indexOf("ndt=1") > -1);
      _cFieldF
  • Profile Image
    Bojan
    Answered on May 21, 2021 at 12:09 PM

    Greetings.

    Please locate the following line in the source code:

    FormTranslation.init({"detectUserLanguage":"1","firstPageOnly":"0","options":"English (US)|French (Canada)","originalLanguage":"en","primaryLanguage":"en","saveUserLanguage":"1","showStatus":"Flag & Text","theme":"light-theme","version":"2"}); /*INIT-END*/ });

    You can update the primary language from here:

    FormTranslation.init({"detectUserLanguage":"1","firstPageOnly":"0","options":"English (US)|French (Canada)","originalLanguage":"en","primaryLanguage":"en","saveUserLanguage":"1","showStatus":"Flag & Text","theme":"light-theme","version":"2"}); /*INIT-END*/ });

    Currently, it's set to en, but you can update it and the form should display in the language you add here.

    Let us know if this solution works for you.

  • Profile Image
    Cundari
    Answered on May 21, 2021 at 12:24 PM

    Unfortunately that didn't seem to work either. I think this block of code may just be in the charge of the translation once the dropdown language is selected?

    I also tried changing "originalLanguage" to "fr" from "en" but that didn't work either.

  • Profile Image
    Cundari
    Answered on May 21, 2021 at 12:40 PM

    UPDATE: @Bojan_J your suggestion did actually work! The issue was with the translation plugin on WordPress. When I copy and pasted the code into another environment it worked as intended. Thank you.