Jump to content

RHM

Circle Member
  • Posts

    4
  • Joined

  • Last visited

Everything posted by RHM

  1. Hi, We've got a web build where we have a gallery block slideshow sitting on the left hand side of a section. It's set to full height and width so it covers the left half of the section. It works fine on a wide browser window screen but I notice that as the browser window width decreases, the images shrink at a certain break point and doesn't 'bleed' to the bottom edge of the section anymore. Is there a way to fix this by code? Basically, we want the slideshow to be always full bleed height and width no matter the browser window size. Any help would be appreciated, thanks!
  2. Hi, we need to make the font on the dropdown menu on the contact form block on our website to be the same as the rest of the website (Poppins). Can anyone help with any code please?
  3. <script src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.min.js"></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.25375" type="text/javascript"></script> <script src="https://js.jotform.com/vendor/postMessage.js?3.3.25375" type="text/javascript"></script> <script src="https://js.jotform.com/WidgetsServer.js?v=1620702678134" type="text/javascript"></script> <script type="text/javascript"> JotForm.setConditions([{"action":[{"id":"action_0_1620690470308","visibility":"ShowMultiple","isError":false,"fields":["67","15","3","16","4","13","18","10","42","75"]}],"id":"1617760697914","index":"0","link":"Any","priority":"0","terms":[{"id":"term_0_1620690470308","field":"8","operator":"equals","value":"Sales Enquiry","isError":false}],"type":"field"},{"action":[{"id":"action_1620686917380","visibility":"Show","isError":false,"field":"51"}],"id":"1620686943030","index":"3","link":"Any","priority":"3","terms":[{"id":"term_1620686917380","field":"8","operator":"equals","value":"Pump & Alarm Support","isError":false}],"type":"field"},{"action":[{"id":"action_0_1620687622251","visibility":"ShowMultiple","isError":false,"fields":["31","20"]}],"id":"1617238652807","index":"4","link":"Any","priority":"4","terms":[{"id":"term_0_1620687622251","field":"8","operator":"equals","value":"Book Pump Install \u002F Commissioning","isError":false}],"type":"field"},{"action":[{"id":"action_1620687654785","visibility":"Show","isError":false,"field":"21"}],"id":"1620687667624","index":"5","link":"Any","priority":"5","terms":[{"id":"term_1620687654785","field":"20","operator":"equals","value":"Yes","isError":false}],"type":"field"},{"action":[{"id":"action_0_1620262109327","visibility":"Show","isError":false,"field":"98"}],"id":"1620179692596","index":"6","link":"Any","priority":"6","terms":[{"id":"term_0_1620262109327","field":"20","operator":"equals","value":"No","isError":false}],"type":"field"},{"action":[{"id":"action_1620687753743","visibility":"Show","isError":false,"field":"50"}],"id":"1620687768344","index":"7","link":"Any","priority":"7","terms":[{"id":"term_1620687753742","field":"21","operator":"equals","value":"Yes","isError":false}],"type":"field"},{"action":[{"id":"action_0_1620689247168","visibility":"Show","isError":false,"field":"97"}],"id":"1620688760291","index":"8","link":"Any","priority":"8","terms":[{"id":"term_0_1620689247168","field":"21","operator":"equals","value":"No","isError":false}],"type":"field"},{"action":[{"id":"action_0_1620690757872","visibility":"ShowMultiple","isError":false,"fields":["49","3","16","4","18","10","82","75"]}],"id":"1620687841374","index":"9","link":"Any","priority":"9","terms":[{"id":"term_0_1620690757872","field":"50","operator":"equals","value":"Yes","isError":false}],"type":"field"},{"action":[{"id":"action_1620690216448","visibility":"Show","isError":false,"field":"99"}],"id":"1620690231184","index":"10","link":"Any","priority":"10","terms":[{"id":"term_1620690216448","field":"50","operator":"equals","value":"No","isError":false}],"type":"field"},{"action":[{"id":"action_0_1619667652165","visibility":"ShowMultiple","isError":false,"fields":["26","33","34","36","88","40","4","10"]}],"id":"1618448601809","index":"11","link":"Any","priority":"11","terms":[{"id":"term_1619667672298","field":"44","operator":"equals","value":"Not Sure","isError":false},{"id":"term_0_1619667652165","field":"44","operator":"equals","value":"Yes","isError":false}],"type":"field"},{"action":[{"id":"action_0_1620264526935","visibility":"ShowMultiple","isError":false,"fields":["32","44"]}],"id":"1617241846145","index":"14","link":"Any","priority":"14","terms":[{"id":"term_0_1620264526935","field":"8","operator":"equals","value":"Request Council documents for consent i.e. Ps3e","isError":false}],"type":"field"},{"action":[{"id":"action_1619668881701","isError":false,"visibility":"Show","field":"72"},{"id":"action_0_1619668863400","visibility":"Hide","isError":false,"field":"75"}],"id":"1618449229866","index":"15","link":"Any","priority":"15","terms":[{"id":"term_0_1619668863400","field":"44","operator":"equals","value":"No","isError":false}],"type":"field"},{"action":[{"id":"action_0_1619739266802","visibility":"ShowMultiple","isError":false,"fields":["15","3","16","4","18","10","75"]}],"id":"1618443263152","index":"16","link":"Any","priority":"16","terms":[{"id":"term_0_1619739266802","field":"8","operator":"equals","value":"Accounts Query","isError":false}],"type":"field"},{"action":[{"id":"action_0_1618444407167","visibility":"ShowMultiple","isError":false,"fields":["15","3","16","4","10"]}],"id":"1618443224590","index":"19","link":"Any","priority":"19","terms":[{"id":"term_0_1618444407167","field":"8","operator":"equals","value":"Other","isError":false}],"type":"field"},{"action":[{"id":"action_0_1617237866884","visibility":"Show","isError":false,"field":"9"}],"id":"1617237800302","index":"20","link":"Any","priority":"20","terms":[{"id":"term_0_1617237866884","field":"18","operator":"equals","value":"Yes","isError":false}],"type":"field"},{"action":[{"id":"action_0_1618279181201","visibility":"Show","isError":false,"field":"48"}],"id":"1617863239456","index":"21","link":"Any","priority":"21","terms":[{"id":"term_0_1618279181201","field":"10","operator":"equals","value":"South Island","isError":false}],"type":"field"},{"action":[{"id":"action_0_1618279191464","visibility":"Show","isError":false,"field":"25"}],"id":"1617863219606","index":"22","link":"Any","priority":"22","terms":[{"id":"term_0_1618279191464","field":"10","operator":"equals","value":"North Island","isError":false}],"type":"field"}]); JotForm.init(function(){ if (window.JotForm && JotForm.accessible) $('input_26').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_33').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_34').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_36').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_88').setAttribute('tabindex',0); setTimeout(function() { $('input_88').hint('i.e. 5 Ride Way, Rosedale, Auckland, 0632'); }, 20); if (window.JotForm && JotForm.accessible) $('input_40').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_15').setAttribute('tabindex',0); JotForm.setCustomHint( 'input_15', 'Type here...' ); if (window.JotForm && JotForm.accessible) $('input_16').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_9').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_42').setAttribute('tabindex',0); if (window.JotForm && JotForm.accessible) $('input_82').setAttribute('tabindex',0); setTimeout(function() { $('input_82').hint('i.e. 5 Ride Way, Rosedale, Auckland, 0632'); }, 20); if (window.JotForm && JotForm.accessible) $('input_73').setAttribute('tabindex',0); setTimeout(function() { $('input_73').hint('[channel]'); }, 20); if (window.JotForm && JotForm.accessible) $('input_89').setAttribute('tabindex',0); setTimeout(function() { $('input_89').hint('[channeldrilldown1]'); }, 20); if (window.JotForm && JotForm.accessible) $('input_90').setAttribute('tabindex',0); setTimeout(function() { $('input_90').hint('[channeldrilldown2]'); }, 20); if (window.JotForm && JotForm.accessible) $('input_91').setAttribute('tabindex',0); setTimeout(function() { $('input_91').hint('[channeldrilldown3]'); }, 20); if (window.JotForm && JotForm.accessible) $('input_92').setAttribute('tabindex',0); setTimeout(function() { $('input_92').hint('[landingpage]'); }, 20); if (window.JotForm && JotForm.accessible) $('input_93').setAttribute('tabindex',0); setTimeout(function() { $('input_93').hint('[landingpagegroup]'); }, 20); JotForm.newDefaultTheme = true; JotForm.extendsNewTheme = false; JotForm.newPaymentUIForNewCreatedForms = true; JotForm.newPaymentUI = true; JotForm.alterTexts(undefined); JotForm.clearFieldOnHide="disable"; JotForm.submitError="jumpToFirstError"; /*INIT-END*/ }); JotForm.prepareCalculationsOnTheFly([null,{"name":"ecoflow","qid":"1","text":"Ecoflow","type":"control_head"},null,{"description":"","name":"name","qid":"3","text":"Name","type":"control_fullname"},{"description":"","name":"email","qid":"4","subLabel":"example@example.com","text":"Email","type":"control_email"},null,null,null,{"description":"","name":"howCan","qid":"8","subLabel":"Select an enquiry category from the drop down list","text":"How can we help?","type":"control_dropdown"},{"description":"","name":"companyName","qid":"9","subLabel":"","text":"Company Name","type":"control_textbox"},{"description":"","name":"territory","qid":"10","subLabel":"","text":"Territory","type":"control_dropdown"},null,null,{"description":"","name":"title","qid":"13","subLabel":"","text":"Title","type":"control_dropdown"},null,{"description":"","name":"brieflyTell15","qid":"15","subLabel":"","text":"Briefly tell us what you're enquiring about...","type":"control_textarea"},{"description":"","name":"phone","qid":"16","subLabel":"","text":"Phone","type":"control_textbox"},null,{"description":"","name":"company","qid":"18","text":"Company","type":"control_radio"},null,{"description":"","name":"alarmPanel","qid":"20","text":"Alarm Panel has been installed","type":"control_radio"},{"description":"","name":"powerHas","qid":"21","text":"Power has been connected to the Alarm Panel.","type":"control_radio"},null,null,null,{"description":"","name":"regionNth","qid":"25","subLabel":"","text":"Region Nth","type":"control_dropdown"},{"description":"","name":"lotNo26","qid":"26","subLabel":"","text":"Lot No.","type":"control_textbox"},null,null,null,null,{"name":"needTo","qid":"31","text":"Need to book in a system for commissioning? ","type":"control_head"},{"name":"needYour32","qid":"32","text":"Need your Council Consent documents for consent? i.e. Ps3e","type":"control_head"},{"description":"","name":"dpNo","qid":"33","subLabel":"","text":"DP No.","type":"control_textbox"},{"description":"","name":"buildingConsent","qid":"34","subLabel":"","text":"Building Consent No. (BCO)","type":"control_textbox"},null,{"description":"","name":"propertyOwner36","qid":"36","subLabel":"i.e. House company or Individual ","text":"Property Owner Name","type":"control_textbox"},null,null,null,{"description":"","name":"drainlayerCompany","qid":"40","subLabel":"","text":"Drainlayer Company Name:","type":"control_textbox"},null,{"description":"","name":"siteStreet","qid":"42","subLabel":"i.e. 5 Ride Way, Rosedale, Auckland, 0632","text":"Site Street Address (if relevant)","type":"control_textbox"},null,{"description":"","name":"hasEcoflow","qid":"44","text":"Has Ecoflow installed your pump?","type":"control_radio"},null,null,null,{"description":"","name":"regionSth","qid":"48","subLabel":"","text":"Region Sth","type":"control_dropdown"},{"name":"important","qid":"49","text":"**Important**","type":"control_head"},{"description":"","name":"tankInstalled","qid":"50","text":"Tank installed and discharge line connected to the receiving network?","type":"control_radio"},{"name":"forAll","qid":"51","text":"For all Pump and Alarm support call 0508 528 3725","type":"control_head"},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"description":"","name":"enquiringAbout","qid":"67","text":"Enquiring about:","type":"control_checkbox"},null,null,null,null,{"name":"pleaseNote","qid":"72","text":"Please Note: You will need to have your pump installed before your Council consent documents can be issued. \nIf you would like to book this in - please select 'Book Pump Install' option from 'How can we help' dropdown above","type":"control_text"},{"description":"","name":"medium","qid":"73","subLabel":"i.e. Paid Search","text":"Medium","type":"control_textbox"},{"name":"typeA","qid":"74","text":"Referrer","type":"control_widget"},{"name":"submit","qid":"75","text":"Submit","type":"control_button"},null,null,null,null,null,null,{"description":"","name":"siteAddress","qid":"82","subLabel":"","text":"Site Address","type":"control_textbox"},null,null,null,null,null,{"description":"","name":"siteAddress88","qid":"88","subLabel":"","text":"Site Address","type":"control_textbox"},{"description":"","name":"source","qid":"89","subLabel":"i.e. Google","text":"Source","type":"control_textbox"},{"description":"","name":"campaign","qid":"90","subLabel":"i.e. Search","text":"Campaign","type":"control_textbox"},{"description":"","name":"adGroup","qid":"91","subLabel":"i.e. Pressure Sewer","text":"Ad Group","type":"control_textbox"},{"description":"","name":"landingPage","qid":"92","subLabel":"i.e. https:\u002F\u002Fwww.ecoflow.co.nz\u002Fpressure-sewer","text":"Landing Page","type":"control_textbox"},{"description":"","name":"landingPage93","qid":"93","subLabel":"","text":"Landing Page Group","type":"control_textbox"},null,null,null,{"name":"ltpgtpleaseNote","qid":"97","text":"Please Note: If your power has not been connected to the Alarm Panel you will need to arrange this before booking your Pump Installation. ","type":"control_text"},{"name":"ltpgtltstronggtpleaseNoteltstronggtampnbspif","qid":"98","text":"Please Note: If your Alarm Panel has not been installed, you will need to arrange this before booking your Pump Installation. ","type":"control_text"},{"name":"ltpStyletextalign","qid":"99","text":"Please Note: If your discharge line has not been connected to the receiving network you will need to arrange this before booking your Pump Installation. ","type":"control_text"}]); setTimeout(function() { JotForm.paymentExtrasOnTheFly([null,{"name":"ecoflow","qid":"1","text":"Ecoflow","type":"control_head"},null,{"description":"","name":"name","qid":"3","text":"Name","type":"control_fullname"},{"description":"","name":"email","qid":"4","subLabel":"example@example.com","text":"Email","type":"control_email"},null,null,null,{"description":"","name":"howCan","qid":"8","subLabel":"Select an enquiry category from the drop down list","text":"How can we help?","type":"control_dropdown"},{"description":"","name":"companyName","qid":"9","subLabel":"","text":"Company Name","type":"control_textbox"},{"description":"","name":"territory","qid":"10","subLabel":"","text":"Territory","type":"control_dropdown"},null,null,{"description":"","name":"title","qid":"13","subLabel":"","text":"Title","type":"control_dropdown"},null,{"description":"","name":"brieflyTell15","qid":"15","subLabel":"","text":"Briefly tell us what you're enquiring about...","type":"control_textarea"},{"description":"","name":"phone","qid":"16","subLabel":"","text":"Phone","type":"control_textbox"},null,{"description":"","name":"company","qid":"18","text":"Company","type":"control_radio"},null,{"description":"","name":"alarmPanel","qid":"20","text":"Alarm Panel has been installed","type":"control_radio"},{"description":"","name":"powerHas","qid":"21","text":"Power has been connected to the Alarm Panel.","type":"control_radio"},null,null,null,{"description":"","name":"regionNth","qid":"25","subLabel":"","text":"Region Nth","type":"control_dropdown"},{"description":"","name":"lotNo26","qid":"26","subLabel":"","text":"Lot No.","type":"control_textbox"},null,null,null,null,{"name":"needTo","qid":"31","text":"Need to book in a system for commissioning? ","type":"control_head"},{"name":"needYour32","qid":"32","text":"Need your Council Consent documents for consent? i.e. Ps3e","type":"control_head"},{"description":"","name":"dpNo","qid":"33","subLabel":"","text":"DP No.","type":"control_textbox"},{"description":"","name":"buildingConsent","qid":"34","subLabel":"","text":"Building Consent No. (BCO)","type":"control_textbox"},null,{"description":"","name":"propertyOwner36","qid":"36","subLabel":"i.e. House company or Individual ","text":"Property Owner Name","type":"control_textbox"},null,null,null,{"description":"","name":"drainlayerCompany","qid":"40","subLabel":"","text":"Drainlayer Company Name:","type":"control_textbox"},null,{"description":"","name":"siteStreet","qid":"42","subLabel":"i.e. 5 Ride Way, Rosedale, Auckland, 0632","text":"Site Street Address (if relevant)","type":"control_textbox"},null,{"description":"","name":"hasEcoflow","qid":"44","text":"Has Ecoflow installed your pump?","type":"control_radio"},null,null,null,{"description":"","name":"regionSth","qid":"48","subLabel":"","text":"Region Sth","type":"control_dropdown"},{"name":"important","qid":"49","text":"**Important**","type":"control_head"},{"description":"","name":"tankInstalled","qid":"50","text":"Tank installed and discharge line connected to the receiving network?","type":"control_radio"},{"name":"forAll","qid":"51","text":"For all Pump and Alarm support call 0508 528 3725","type":"control_head"},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,{"description":"","name":"enquiringAbout","qid":"67","text":"Enquiring about:","type":"control_checkbox"},null,null,null,null,{"name":"pleaseNote","qid":"72","text":"Please Note: You will need to have your pump installed before your Council consent documents can be issued. \nIf you would like to book this in - please select 'Book Pump Install' option from 'How can we help' dropdown above","type":"control_text"},{"description":"","name":"medium","qid":"73","subLabel":"i.e. Paid Search","text":"Medium","type":"control_textbox"},{"name":"typeA","qid":"74","text":"Referrer","type":"control_widget"},{"name":"submit","qid":"75","text":"Submit","type":"control_button"},null,null,null,null,null,null,{"description":"","name":"siteAddress","qid":"82","subLabel":"","text":"Site Address","type":"control_textbox"},null,null,null,null,null,{"description":"","name":"siteAddress88","qid":"88","subLabel":"","text":"Site Address","type":"control_textbox"},{"description":"","name":"source","qid":"89","subLabel":"i.e. Google","text":"Source","type":"control_textbox"},{"description":"","name":"campaign","qid":"90","subLabel":"i.e. Search","text":"Campaign","type":"control_textbox"},{"description":"","name":"adGroup","qid":"91","subLabel":"i.e. Pressure Sewer","text":"Ad Group","type":"control_textbox"},{"description":"","name":"landingPage","qid":"92","subLabel":"i.e. https:\u002F\u002Fwww.ecoflow.co.nz\u002Fpressure-sewer","text":"Landing Page","type":"control_textbox"},{"description":"","name":"landingPage93","qid":"93","subLabel":"","text":"Landing Page Group","type":"control_textbox"},null,null,null,{"name":"ltpgtpleaseNote","qid":"97","text":"Please Note: If your power has not been connected to the Alarm Panel you will need to arrange this before booking your Pump Installation. ","type":"control_text"},{"name":"ltpgtltstronggtpleaseNoteltstronggtampnbspif","qid":"98","text":"Please Note: If your Alarm Panel has not been installed, you will need to arrange this before booking your Pump Installation. ","type":"control_text"},{"name":"ltpStyletextalign","qid":"99","text":"Please Note: If your discharge line has not been connected to the receiving network you will need to arrange this before booking your Pump Installation. ","type":"control_text"}]);}, 20); </script> <link type="text/css" media="print" rel="stylesheet" href="https://cdn.jotfor.ms/css/printForm.css?3.3.25375" /> <link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/5e6b428acc8c4e222d1beb91.css?themeRevisionID=5f7ed99c2c2c7240ba580251"/> <link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/payment/payment_styles.css?3.3.25375" /> <link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/payment/payment_feature.css?3.3.25375" /> <style type="text/css" id="form-designer-style"> /* Injected CSS Code */ *, *: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: 771px; } .form-line-active { background-color: #ffffe0; } .form-all { font-size: 14px; } 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: 14px; 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: 14px; 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: rgba(255, 255, 255, 0); } .supernova body { background-color: transparent; } .supernova .form-all, .form-all { background-color: rgba(255, 255, 255, 0); } .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: rgba(230, 230, 230, 0); } .form-matrix-table tr:nth-child(2n) { background-color: rgba(242, 242, 242, 0); } .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: inline-block; float: left; text-align: left; } .form-line { margin-top: 12px; margin-bottom: 12px; } .form-all { max-width: 771px; 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: 14px } .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: 14px } .form-all .form-pagebreak-back-container, .form-all .form-pagebreak-next-container { font-size: 14px } .supernova .form-all, .form-all { background-color: rgba(255,255,255,0); } .form-all { color: #2C3345; } .form-header-group .form-header { color: #2C3345; } .form-header-group .form-subHeader { color: #2C3345; } .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label { color: #2C3345; } .form-sub-label { color: #464d5f; } .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__*/ /* Injected CSS Code */ </style> <form class="jotform-form" action="https://submit.jotform.com/submit/210525931154045/" method="post" name="form_210525931154045" id="210525931154045" accept-charset="utf-8" autocomplete="on"> <input type="hidden" name="formID" value="210525931154045" /> <input type="hidden" id="JWTContainer" value="" /> <input type="hidden" id="cardinalOrderNumber" value="" /> <div role="main" class="form-all"> <ul class="form-section page-section"> <li id="cid_1" class="form-input-wide" data-type="control_head"> <div class="form-header-group header-large"> <div class="header-text httac htvam"> <h1 id="header_1" class="form-header" data-component="header"> Ecoflow </h1> <div id="subHeader_1" class="form-subHeader"> Contact Form </div> </div> </div> </li> <li class="form-line jf-required" data-type="control_dropdown" id="id_8"> <label class="form-label form-label-left form-label-auto" id="label_8" for="input_8"> How can we help? <span class="form-required"> * </span> </label> <div id="cid_8" class="form-input jf-required" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <select class="form-dropdown validate[required]" id="input_8" name="q8_howCan" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_8 sublabel_input_8"> <option value=""> Please Select </option> <option value="Sales Enquiry"> Sales Enquiry </option> <option value="Pump &amp; Alarm Support"> Pump &amp; Alarm Support </option> <option value="Book Pump Install / Commissioning"> Book Pump Install / Commissioning </option> <option value="Request Council documents for consent i.e. Ps3e"> Request Council documents for consent i.e. Ps3e </option> <option value="Accounts Query"> Accounts Query </option> <option value="Other"> Other </option> </select> <label class="form-sub-label" for="input_8" id="sublabel_input_8" style="min-height:13px" aria-hidden="false"> Select an enquiry category from the drop down list </label> </span> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_checkbox" id="id_67"> <label class="form-label form-label-top" id="label_67" for="input_67"> Enquiring about: <span class="form-required"> * </span> </label> <div id="cid_67" class="form-input-wide jf-required" data-layout="full"> <div class="form-multiple-column" data-columncount="3" role="group" aria-labelledby="label_67" data-component="checkbox"> <span class="form-checkbox-item"> <span class="dragger-item"> </span> <input type="checkbox" class="form-checkbox validate[required]" id="input_67_0" name="q67_enquiringAbout[]" value="Stormwater" required="" /> <label id="label_input_67_0" for="input_67_0"> Stormwater </label> </span> <span class="form-checkbox-item"> <span class="dragger-item"> </span> <input type="checkbox" class="form-checkbox validate[required]" id="input_67_1" name="q67_enquiringAbout[]" value="Wastewater" required="" /> <label id="label_input_67_1" for="input_67_1"> Wastewater </label> </span> <span class="form-checkbox-item"> <span class="dragger-item"> </span> <input type="checkbox" class="form-checkbox validate[required]" id="input_67_2" name="q67_enquiringAbout[]" value="Other" required="" /> <label id="label_input_67_2" for="input_67_2"> Other </label> </span> </div> </div> </li> <li id="cid_31" class="form-input-wide" data-type="control_head"> <div class="form-header-group header-default"> <div class="header-text httac htvam"> <h2 id="header_31" class="form-header" data-component="header"> Need to book in a system for commissioning? </h2> <div id="subHeader_31" class="form-subHeader"> PLEASE NOTE: Commissionings require a lead time of 4-5 working days and are only carried out by Ecoflow technicians in certain areas. </div> </div> </div> </li> <li class="form-line form-line-column form-col-1 jf-required form-field-hidden" style="display:none;" data-type="control_radio" id="id_20"> <label class="form-label form-label-top" id="label_20" for="input_20"> Alarm Panel has been installed <span class="form-required"> * </span> </label> <div id="cid_20" class="form-input-wide jf-required" data-layout="full"> <div class="form-single-column" role="group" aria-labelledby="label_20" data-component="radio"> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_20_0" name="q20_alarmPanel" value="Yes" required="" /> <label id="label_input_20_0" for="input_20_0"> Yes </label> </span> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_20_1" name="q20_alarmPanel" value="No" required="" /> <label id="label_input_20_1" for="input_20_1"> No </label> </span> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_text" id="id_98"> <div id="cid_98" class="form-input-wide" data-layout="full"> <div id="text_98" class="form-html" data-component="text"> <p><strong>Please Note:</strong> If your Alarm Panel has <span style="text-decoration: underline;"><strong>not</strong></span> been installed, you will need to arrange this <span style="text-decoration: underline;">before</span> booking your Pump Installation. </p> </div> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_radio" id="id_21"> <label class="form-label form-label-top" id="label_21" for="input_21"> Power has been connected to the Alarm Panel. <span class="form-required"> * </span> </label> <div id="cid_21" class="form-input-wide jf-required" data-layout="full"> <div class="form-single-column" role="group" aria-labelledby="label_21" data-component="radio"> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_21_0" name="q21_powerHas" value="Yes" required="" /> <label id="label_input_21_0" for="input_21_0"> Yes </label> </span> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_21_1" name="q21_powerHas" value="No" required="" /> <label id="label_input_21_1" for="input_21_1"> No </label> </span> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_text" id="id_97"> <div id="cid_97" class="form-input-wide" data-layout="full"> <div id="text_97" class="form-html" data-component="text"> <p style="text-align: left;"><strong>Please Note:</strong> If your power has <span style="text-decoration: underline;"><strong>not</strong></span> been connected to the Alarm Panel you will need to arrange this <span style="text-decoration: underline;">before</span> booking your Pump Installation. </p> </div> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_radio" id="id_50"> <label class="form-label form-label-top" id="label_50" for="input_50"> Tank installed and discharge line connected to the receiving network? <span class="form-required"> * </span> </label> <div id="cid_50" class="form-input-wide jf-required" data-layout="full"> <div class="form-single-column" role="group" aria-labelledby="label_50" data-component="radio"> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_50_0" name="q50_tankInstalled" value="Yes" required="" /> <label id="label_input_50_0" for="input_50_0"> Yes </label> </span> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_50_1" name="q50_tankInstalled" value="No" required="" /> <label id="label_input_50_1" for="input_50_1"> No </label> </span> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_text" id="id_99"> <div id="cid_99" class="form-input-wide" data-layout="full"> <div id="text_99" class="form-html" data-component="text"> <p style="text-align: left;"><strong>Please Note:</strong> If your discharge line has <span style="text-decoration: underline;"><strong>not</strong></span> been connected to the receiving network you will need to arrange this <span style="text-decoration: underline;">before</span> booking your Pump Installation. </p> </div> </div> </li> <li id="cid_49" class="form-input-wide" data-type="control_head"> <div class="form-header-group header-default"> <div class="header-text httac htvam"> <h2 id="header_49" class="form-header" data-component="header"> **Important** </h2> <div id="subHeader_49" class="form-subHeader"> Please ensure you have checked the above items are correct as there is an additional $150+ gst callout fee if the system is not ready for the technician and a return visit is required. </div> </div> </div> </li> <li id="cid_32" class="form-input-wide" data-type="control_head"> <div class="form-header-group header-default"> <div class="header-text httac htvam"> <h2 id="header_32" class="form-header" data-component="header"> Need your Council Consent documents for consent? i.e. Ps3e </h2> <div id="subHeader_32" class="form-subHeader"> Send us the below details so we can get your documents underway </div> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_radio" id="id_44"> <label class="form-label form-label-left" id="label_44" for="input_44"> Has Ecoflow installed your pump? </label> <div id="cid_44" class="form-input" data-layout="full"> <div class="form-single-column" role="group" aria-labelledby="label_44" data-component="radio"> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio" id="input_44_0" name="q44_hasEcoflow" value="Yes" /> <label id="label_input_44_0" for="input_44_0"> Yes </label> </span> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio" id="input_44_1" name="q44_hasEcoflow" value="No" /> <label id="label_input_44_1" for="input_44_1"> No </label> </span> <span class="form-radio-item" style="clear:left"> <span class="dragger-item"> </span> <input type="radio" class="form-radio" id="input_44_2" name="q44_hasEcoflow" value="Not Sure" /> <label id="label_input_44_2" for="input_44_2"> Not Sure </label> </span> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_text" id="id_72"> <div id="cid_72" class="form-input-wide" data-layout="full"> <div id="text_72" class="form-html" data-component="text"> <p><strong>Please Note:</strong> You will need to have your pump installed<strong> <span style="text-decoration: underline;">before</span></strong> your Council consent documents can be issued. </p> <p>If you would like to book this in - please select <em>'Book Pump Install'</em> option from <em>'How can we help'</em> dropdown above</p> </div> </div> </li> <li class="form-line form-line-column form-col-1 form-field-hidden" style="display:none;" data-type="control_textbox" id="id_26"> <label class="form-label form-label-top" id="label_26" for="input_26"> Lot No. </label> <div id="cid_26" class="form-input-wide" data-layout="half"> <input type="text" id="input_26" name="q26_lotNo26" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_26" /> </div> </li> <li class="form-line form-line-column form-col-2 form-field-hidden" style="display:none;" data-type="control_textbox" id="id_33"> <label class="form-label form-label-top" id="label_33" for="input_33"> DP No. </label> <div id="cid_33" class="form-input-wide" data-layout="half"> <input type="text" id="input_33" name="q33_dpNo" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_33" /> </div> </li> <li class="form-line form-line-column form-col-3 form-field-hidden" style="display:none;" data-type="control_textbox" id="id_34"> <label class="form-label form-label-top" id="label_34" for="input_34"> Building Consent No. (BCO) </label> <div id="cid_34" class="form-input-wide" data-layout="half"> <input type="text" id="input_34" name="q34_buildingConsent" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_34" /> </div> </li> <li class="form-line form-line-column form-col-4 form-field-hidden" style="display:none;" data-type="control_textbox" id="id_36"> <label class="form-label form-label-top" id="label_36" for="input_36"> Property Owner Name </label> <div id="cid_36" class="form-input-wide" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_36" name="q36_propertyOwner36" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_36 sublabel_input_36" /> <label class="form-sub-label" for="input_36" id="sublabel_input_36" style="min-height:13px" aria-hidden="false"> i.e. House company or Individual </label> </span> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_textbox" id="id_88"> <label class="form-label form-label-left form-label-auto" id="label_88" for="input_88"> Site Address </label> <div id="cid_88" class="form-input" data-layout="half"> <input type="text" id="input_88" name="q88_siteAddress88" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" placeholder="i.e. 5 Ride Way, Rosedale, Auckland, 0632" data-component="textbox" aria-labelledby="label_88" /> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_textbox" id="id_40"> <label class="form-label form-label-left form-label-auto" id="label_40" for="input_40"> Drainlayer Company Name: </label> <div id="cid_40" class="form-input" data-layout="half"> <input type="text" id="input_40" name="q40_drainlayerCompany" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_40" /> </div> </li> <li id="cid_51" class="form-input-wide" data-type="control_head"> <div class="form-header-group header-default"> <div class="header-text httac htvam"> <h2 id="header_51" class="form-header" data-component="header"> For all Pump and Alarm support call 0508 528 3725 </h2> <div id="subHeader_51" class="form-subHeader"> Our Support line is available 24/7 </div> </div> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_textarea" id="id_15"> <label class="form-label form-label-top" id="label_15" for="input_15"> Briefly tell us what you're enquiring about... </label> <div id="cid_15" class="form-input-wide" data-layout="full"> <textarea id="input_15" class="form-textarea" name="q15_brieflyTell15" style="width:648px;height:163px" data-component="textarea" aria-labelledby="label_15"></textarea> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_fullname" id="id_3"> <label class="form-label form-label-top" id="label_3" for="first_3"> Name <span class="form-required"> * </span> </label> <div id="cid_3" class="form-input-wide jf-required" data-layout="full"> <div data-wrapper-react="true"> <span class="form-sub-label-container" style="vertical-align:top" data-input-type="first"> <input type="text" id="first_3" name="q3_name[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" aria-labelledby="label_3 sublabel_3_first" required="" /> <label class="form-sub-label" for="first_3" id="sublabel_3_first" style="min-height:13px" aria-hidden="false"> First Name </label> </span> <span class="form-sub-label-container" style="vertical-align:top" data-input-type="last"> <input type="text" id="last_3" name="q3_name[last]" class="form-textbox validate[required]" size="15" value="" data-component="last" aria-labelledby="label_3 sublabel_3_last" required="" /> <label class="form-sub-label" for="last_3" id="sublabel_3_last" style="min-height:13px" aria-hidden="false"> Last Name </label> </span> </div> </div> </li> <li class="form-line form-line-column form-col-1 jf-required form-field-hidden" style="display:none;" data-type="control_textbox" id="id_16"> <label class="form-label form-label-top" id="label_16" for="input_16"> Phone <span class="form-required"> * </span> </label> <div id="cid_16" class="form-input-wide jf-required" data-layout="half"> <input type="text" id="input_16" name="q16_phone" data-type="input-textbox" class="form-textbox validate[required]" style="width:306px" size="306" value="" data-component="textbox" aria-labelledby="label_16" required="" /> </div> </li> <li class="form-line fixed-width form-line-column form-col-1 form-line-column-clear jf-required form-field-hidden" style="display:none;" data-type="control_email" id="id_4"> <label class="form-label form-label-top" id="label_4" for="input_4"> Email <span class="form-required"> * </span> </label> <div id="cid_4" class="form-input-wide jf-required" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="email" id="input_4" name="q4_email" class="form-textbox validate[required, Email]" style="width:310px" size="310" value="" data-component="email" aria-labelledby="label_4 sublabel_input_4" required="" /> <label class="form-sub-label" for="input_4" id="sublabel_input_4" style="min-height:13px" aria-hidden="false"> example@example.com </label> </span> </div> </li> <li class="form-line form-line-column form-col-2 jf-required form-field-hidden" style="display:none;" data-type="control_dropdown" id="id_13"> <label class="form-label form-label-top" id="label_13" for="input_13"> Title <span class="form-required"> * </span> </label> <div id="cid_13" class="form-input-wide jf-required" data-layout="half"> <select class="form-dropdown validate[required]" id="input_13" name="q13_title" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_13"> <option value=""> Please Select </option> <option value="Architect "> Architect </option> <option value="Builder"> Builder </option> <option value="Civil Contractor"> Civil Contractor </option> <option value="Council"> Council </option> <option value="Developer"> Developer </option> <option value="Drainlayer"> Drainlayer </option> <option value="Engineer"> Engineer </option> <option value="Home Owner"> Home Owner </option> <option value="House Company"> House Company </option> <option value="Merchant/Reseller"> Merchant/Reseller </option> <option value="Other"> Other </option> <option value="Surveyor"> Surveyor </option> </select> </div> </li> <li class="form-line form-line-column form-col-3 jf-required form-field-hidden" style="display:none;" data-type="control_radio" id="id_18"> <label class="form-label form-label-top" id="label_18" for="input_18"> Company <span class="form-required"> * </span> </label> <div id="cid_18" class="form-input-wide jf-required" data-layout="full"> <div class="form-multiple-column" data-columncount="2" role="group" aria-labelledby="label_18" data-component="radio"> <span class="form-radio-item"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_18_0" name="q18_company" value="Yes" required="" /> <label id="label_input_18_0" for="input_18_0"> Yes </label> </span> <span class="form-radio-item"> <span class="dragger-item"> </span> <input type="radio" class="form-radio validate[required]" id="input_18_1" name="q18_company" value="No" required="" /> <label id="label_input_18_1" for="input_18_1"> No </label> </span> </div> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_textbox" id="id_9"> <label class="form-label form-label-left form-label-auto" id="label_9" for="input_9"> Company Name <span class="form-required"> * </span> </label> <div id="cid_9" class="form-input jf-required" data-layout="half"> <input type="text" id="input_9" name="q9_companyName" data-type="input-textbox" class="form-textbox validate[required]" style="width:310px" size="310" value="" data-component="textbox" aria-labelledby="label_9" required="" /> </div> </li> <li class="form-line form-line-column form-col-1 jf-required form-field-hidden" style="display:none;" data-type="control_dropdown" id="id_10"> <label class="form-label form-label-top" id="label_10" for="input_10"> Territory <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]" id="input_10" name="q10_territory" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_10"> <option value=""> Please Select </option> <option value="North Island"> North Island </option> <option value="South Island"> South Island </option> </select> </div> </li> <li class="form-line form-line-column form-col-2 jf-required form-field-hidden" style="display:none;" data-type="control_dropdown" id="id_25"> <label class="form-label form-label-top" id="label_25" for="input_25"> Region Nth <span class="form-required"> * </span> </label> <div id="cid_25" class="form-input-wide jf-required" data-layout="half"> <select class="form-dropdown validate[required]" id="input_25" name="q25_regionNth" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_25"> <option value=""> Please Select </option> <option value="Northland"> Northland </option> <option value="Auckland"> Auckland </option> <option value="Waikato"> Waikato </option> <option value="Bay of Plenty"> Bay of Plenty </option> <option value="Gisborne"> Gisborne </option> <option value="Hawke&#x27;s Bay"> Hawke&#x27;s Bay </option> <option value="Taranaki"> Taranaki </option> <option value="Manawatū-Whanganui"> Manawatū-Whanganui </option> <option value="Wellington"> Wellington </option> </select> </div> </li> <li class="form-line form-line-column form-col-3 jf-required form-field-hidden" style="display:none;" data-type="control_dropdown" id="id_48"> <label class="form-label form-label-top" id="label_48" for="input_48"> Region Sth <span class="form-required"> * </span> </label> <div id="cid_48" class="form-input-wide jf-required" data-layout="half"> <select class="form-dropdown validate[required]" id="input_48" name="q48_regionSth" style="width:310px" data-component="dropdown" required="" aria-labelledby="label_48"> <option value=""> Please Select </option> <option value="Tasman"> Tasman </option> <option value="Nelson"> Nelson </option> <option value="Marlborough"> Marlborough </option> <option value="West Coast"> West Coast </option> <option value="Canterbury"> Canterbury </option> <option value="Otago"> Otago </option> <option value="Southland"> Southland </option> </select> </div> </li> <li class="form-line form-line-column form-col-4 form-field-hidden" style="display:none;" data-type="control_textbox" id="id_42"> <label class="form-label form-label-top" id="label_42" for="input_42"> Site Street Address (if relevant) </label> <div id="cid_42" class="form-input-wide" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_42" name="q42_siteStreet" data-type="input-textbox" class="form-textbox" style="width:312px" size="312" value="" data-component="textbox" aria-labelledby="label_42 sublabel_input_42" /> <label class="form-sub-label" for="input_42" id="sublabel_input_42" style="min-height:13px" aria-hidden="false"> i.e. 5 Ride Way, Rosedale, Auckland, 0632 </label> </span> </div> </li> <li class="form-line jf-required form-field-hidden" style="display:none;" data-type="control_textbox" id="id_82"> <label class="form-label form-label-left form-label-auto" id="label_82" for="input_82"> Site Address <span class="form-required"> * </span> </label> <div id="cid_82" class="form-input jf-required" data-layout="half"> <input type="text" id="input_82" name="q82_siteAddress" data-type="input-textbox" class="form-textbox validate[required]" style="width:310px" size="310" value="" placeholder="i.e. 5 Ride Way, Rosedale, Auckland, 0632" data-component="textbox" aria-labelledby="label_82" required="" /> </div> </li> <li class="form-line" data-type="control_widget" id="id_74"> <div id="cid_74" class="form-input" data-layout="full"> <div style="width:100%;text-align:Left" data-component="widget-directEmbed"> <div class="direct-embed-widgets get-referrer-widget " data-type="direct-embed" style="width:50px;min-height:50px"> <input type="hidden" id="input_74" name="q74_typeA" class="form-hidden getRef"> <script type="text/javascript" src="https://widgets.jotform.io/getReferrer/min/scripts.min.js"></script> </div> </div> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_73"> <label class="form-label form-label-left form-label-auto" id="label_73" for="input_73"> Medium </label> <div id="cid_73" class="form-input always-hidden" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_73" name="q73_medium" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[channel]" placeholder="[channel]" data-component="textbox" aria-labelledby="label_73 sublabel_input_73" /> <label class="form-sub-label" for="input_73" id="sublabel_input_73" style="min-height:13px" aria-hidden="false"> i.e. Paid Search </label> </span> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_89"> <label class="form-label form-label-left form-label-auto" id="label_89" for="input_89"> Source </label> <div id="cid_89" class="form-input always-hidden" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_89" name="q89_source" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[channeldrilldown1]" placeholder="[channeldrilldown1]" data-component="textbox" aria-labelledby="label_89 sublabel_input_89" /> <label class="form-sub-label" for="input_89" id="sublabel_input_89" style="min-height:13px" aria-hidden="false"> i.e. Google </label> </span> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_90"> <label class="form-label form-label-left form-label-auto" id="label_90" for="input_90"> Campaign </label> <div id="cid_90" class="form-input always-hidden" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_90" name="q90_campaign" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[channeldrilldown2]" placeholder="[channeldrilldown2]" data-component="textbox" aria-labelledby="label_90 sublabel_input_90" /> <label class="form-sub-label" for="input_90" id="sublabel_input_90" style="min-height:13px" aria-hidden="false"> i.e. Search </label> </span> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_91"> <label class="form-label form-label-left form-label-auto" id="label_91" for="input_91"> Ad Group </label> <div id="cid_91" class="form-input always-hidden" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_91" name="q91_adGroup" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[channeldrilldown3]" placeholder="[channeldrilldown3]" data-component="textbox" aria-labelledby="label_91 sublabel_input_91" /> <label class="form-sub-label" for="input_91" id="sublabel_input_91" style="min-height:13px" aria-hidden="false"> i.e. Pressure Sewer </label> </span> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_92"> <label class="form-label form-label-left form-label-auto" id="label_92" for="input_92"> Landing Page </label> <div id="cid_92" class="form-input always-hidden" data-layout="half"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_92" name="q92_landingPage" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[landingpage]" placeholder="[landingpage]" data-component="textbox" aria-labelledby="label_92 sublabel_input_92" /> <label class="form-sub-label" for="input_92" id="sublabel_input_92" style="min-height:13px" aria-hidden="false"> i.e. https://www.ecoflow.co.nz/pressure-sewer </label> </span> </div> </li> <li class="form-line always-hidden" data-type="control_textbox" id="id_93"> <label class="form-label form-label-left form-label-auto" id="label_93" for="input_93"> Landing Page Group </label> <div id="cid_93" class="form-input always-hidden" data-layout="half"> <input type="text" id="input_93" name="q93_landingPage93" data-type="input-textbox" class="form-textbox" style="width:310px" size="310" value="[landingpagegroup]" placeholder="[landingpagegroup]" data-component="textbox" aria-labelledby="label_93" /> </div> </li> <li class="form-line form-field-hidden" style="display:none;" data-type="control_button" id="id_75"> <div id="cid_75" class="form-input-wide" data-layout="full"> <div data-align="auto" class="form-buttons-wrapper form-buttons-auto jsTest-button-wrapperField"> <button id="input_75" type="submit" class="form-submit-button submit-button jf-form-buttons jsTest-submitField" data-component="button" data-content=""> Submit </button> </div> </div> </li> <li style="display:none"> Should be Empty: <input type="text" name="website" value="" /> </li> </ul> </div> <script> JotForm.showJotFormPowered = "0"; </script> <script> JotForm.poweredByText = "Powered by JotForm"; </script> <input type="hidden" class="simple_spc" id="simple_spc" name="simple_spc" value="210525931154045" /> <script type="text/javascript"> var all_spc = document.querySelectorAll("form[id='210525931154045'] .si" + "mple" + "_spc"); for (var i = 0; i < all_spc.length; i++) { all_spc[i].value = "210525931154045-210525931154045"; } </script> </form> <script src="https://cdn.jotfor.ms//js/vendor/smoothscroll.min.js?v=3.3.25375"></script> <script src="https://cdn.jotfor.ms//js/errorNavigation.js?v=3.3.25375"></script> Hi, we obtained a source code from Jotform for a questionnaire but for some reason we can't make it work on our Squarespace site page. We've succeeded in making the iFrame version of the same questionnaire work but we need the source code version instead for tracking purposes. I've attached the code here and was hoping someone can help us troubleshoot it? Thanks in advance!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.