-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 7.43 KB
/
index.html
1
<!-- Note : - You can modify the font style and form style to suit your website. - Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code. - The Mandatory check script can modified as to suit your business needs. - It is important that you test the modified form before going live.--> <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'> <form id='webform' action='https://developers.zoho.eu/crm/WebToLeadForm' name=WebToLeads278660000000133012 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory278660000000133012()' accept-charset='UTF-8'> <input type='text' style='display:none;' name='xnQsjsdp' value='788bbb144c28dc9c86a90cacaa5143f98c39aacb5f044b1a3665767b1f84be25'></input> <input type='hidden' name='zc_gad' id='zc_gad' value=''></input> <input type='text' style='display:none;' name='xmIwtLD' value='69d80865fe4f1013f3661d7c037b9aeeeb7fd9a052d0dccad60b46cc9e108c7071a22af032d9bfdc1ba716f5f1ce50af'></input> <input type='text' style='display:none;' name='actionType' value='TGVhZHM='></input> <input type='text' style='display:none;' name='returnURL' value='https://scm.com' > </input> <!-- Do not remove this code. --> <style> html,body{ margin: 0px; } #crmWebToEntityForm.zcwf_lblLeft { width:100%; padding: 25px; margin: 0 auto; box-sizing: border-box; } #crmWebToEntityForm.zcwf_lblLeft * { box-sizing: border-box; } #crmWebToEntityForm{text-align: left;} #crmWebToEntityForm * { direction: ltr; } .zcwf_lblLeft .zcwf_title { word-wrap: break-word; padding: 0px 6px 10px; font-weight:bold }.zcwf_lblLeft.cpT_primaryBtn:hover{ background: linear-gradient(#02acff 0,#006be4 100%) no-repeat padding-box !important; box-shadow: 0 -2px 0 0 #0159b9 inset !important; border: 0 !important; color: #fff !important; outline: 0 !important; }.zcwf_lblLeft .zcwf_col_fld input[type=text], input[type=password], .zcwf_lblLeft .zcwf_col_fld textarea { width: 60%; border: 1px solid #c0c6cc !important; resize: vertical; border-radius: 2px; float: left; } .zcwf_lblLeft .zcwf_col_lab { width: 30%; word-break: break-word; padding: 0px 6px 0px; margin-right: 10px; margin-top: 5px; float: left; min-height: 1px; } .zcwf_lblLeft .zcwf_col_fld { float: left; width: 68%; padding: 0px 6px 0px; position: relative; margin-top: 5px; } .zcwf_lblLeft .zcwf_privacy{padding: 6px;} .zcwf_lblLeft .wfrm_fld_dpNn{display: none;} .dIB{display: inline-block;} .zcwf_lblLeft .zcwf_col_fld_slt { width: 60%; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 12px; float: left; resize: vertical; padding: 2px 5px; } .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after { content: ''; display: table; clear: both; } .zcwf_lblLeft .zcwf_col_help { float: left; margin-left: 7px; font-size: 12px; max-width: 35%; word-break: break-word; } .zcwf_lblLeft .zcwf_help_icon { cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row {margin: 15px 0px;} .zcwf_lblLeft .formsubmit { margin-right: 5px; cursor: pointer; color: var(--baseColor); font-size: 12px; } .zcwf_lblLeft .zcwf_privacy_txt { width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color: var(--baseColor); padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button { font-size: 12px; color: var(--baseColor); border: 1px solid #c0c6cc; padding: 3px 9px; border-radius: 4px; cursor: pointer; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zcwf_lblLeft .zcwf_tooltip_over{ position: relative; } .zcwf_lblLeft .zcwf_tooltip_ctn{ position: absolute; background: #dedede; padding: 3px 6px; top: 3px; border-radius: 4px;word-break: break-word; min-width: 100px; max-width: 150px; color: var(--baseColor); z-index: 100; } .zcwf_lblLeft .zcwf_ckbox{ float: left; } .zcwf_lblLeft .zcwf_file{ width: 55%; box-sizing: border-box; float: left; } .clearB:after{ content:''; display: block; clear: both; } @media all and (max-width: 600px) { .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld { width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help {width: 40%;} } </style> <div class='zcwf_title' style='max-width: 600px;color: black; font-family:Arial;'>My Form</div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Company'>Company<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Company' name='Company' maxlength='200'></input><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Last_Name'>Last Name<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80'></input><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' class='formsubmit zcwf_button' value='Submit' title='Submit'><input type='reset' class='zcwf_button' name='reset' value='Reset' title='Reset'></div></div> <script> function checkMandatory278660000000133012() { var mndFileds = new Array('Company','Last Name'); var fldLangVal = new Array('Company','Last\x20Name'); for(i=0;i<mndFileds.length;i++) { var fieldObj=document.forms['WebToLeads278660000000133012'][mndFileds[i]]; if(fieldObj) { if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) { if(fieldObj.type =='file') { alert('Please select a file to upload.'); fieldObj.focus(); return false; } alert(fldLangVal[i] +' cannot be empty.'); fieldObj.focus(); return false; } else if(fieldObj.nodeName=='SELECT') { if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') { alert(fldLangVal[i] +' cannot be none.'); fieldObj.focus(); return false; } } else if(fieldObj.type =='checkbox'){ if(fieldObj.checked == false){ alert('Please accept '+fldLangVal[i]); fieldObj.focus(); return false; } } try { if(fieldObj.name == 'Last Name') { name = fieldObj.value; } } catch (e) {} } }document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true); } function tooltipShow278660000000133012(el){ var tooltip = el.nextElementSibling; var tooltipDisplay = tooltip.style.display; if(tooltipDisplay == 'none'){ var allTooltip = document.getElementsByClassName('zcwf_tooltip_over'); for(i=0; i<allTooltip.length; i++){ allTooltip[i].style.display='none'; } tooltip.style.display = 'block'; }else{ tooltip.style.display='none'; } } </script> <!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://developers.zoho.eu/crm/WebFormAnalyticsServeServlet?rid=b2731cf04ff0387f41eeb2aaa27f9f1833ede1f898e618676ce2ae67a0e92d0cecf1a87db7a18fe7cc5d280e28094368gid70b4af8030641f4d188f162962b33767bff514c521b66376decb36e9d7039956gidab0cb41e93dcd666726b6761cf83e0791ab6726fe64955213b4bc2746748a563gid57e4d448d8be3f7cd67d6d4350b433071c16fc10ad1ce2b3cd2b12ab43228cdf&tw=d31b58aadbe6ad2590642b463b222f9d386ac022041cead1b95f4aa7ee741d67'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form> </div>