{"id":42,"date":"2015-02-10T16:13:15","date_gmt":"2015-02-10T16:13:15","guid":{"rendered":"http:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/?page_id=42"},"modified":"2021-07-22T09:24:02","modified_gmt":"2021-07-22T09:24:02","slug":"demo-fields","status":"publish","type":"page","link":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/demo-fields\/","title":{"rendered":"DEMO WITH ALL FIELDS"},"content":{"rendered":"<span itemprop=\"description\"><div data-wpc-type=\"row\" id=\"65c3abc4783e77ef24f96a463f21c008\" class=\"wpc_row has_fill\"><div class=\"wpc_row_container\"><div class=\"wpc_wrap_columns\"><div data-wpc-type=\"column\" data-col-cell=\"1-1\" id=\"850a585303dbfbad5b8c0f785a65cab2\" class=\"wpc_col\"><div class=\"wpc_column_inner\"><div class=\"wpc_items_wrapper\"><div data-wpc-type=\"item\" id=\"049316296378f6ece90f62fe6c18724a\" class=\"wpc_item_049316296378f6ece90f62fe6c18724a wpc_item type_singletitle\"><div class=\"wpc_item_singletitle\"><h2 class=\"wpc_item_title\">Demo Form with All Fields<\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-wpc-type=\"row\" id=\"8c68b0a7e9dcffe2e8beab294c8a298e\" class=\"wpc_row has_fill\"><div class=\"wpc_row_container\"><div class=\"wpc_wrap_columns\"><div data-wpc-type=\"column\" data-col-cell=\"1-1\" id=\"ddb94497048baa57b3a01a8ae41bb931\" class=\"wpc_col\"><div class=\"wpc_column_inner\"><div class=\"wpc_items_wrapper\"><div data-wpc-type=\"item\" id=\"d1ab738343246f974fbfc17493d00d00\" class=\"wpc_item_d1ab738343246f974fbfc17493d00d00 wpc_item type_texteditor\"><div class=\"text_editor_content\"><p>\r\n    <!-- START Dynamic CSS for Form ID: 41 -->\r\n    <style>#ecf-form-ojbvms .ecf-form .input input, #ecf-form-ojbvms .ecf-form .select select, #ecf-form-ojbvms .ecf-form .textarea textarea, #ecf-form-ojbvms .ecf-form .radio i, #ecf-form-ojbvms .ecf-form .checkbox i, #ecf-form-ojbvms .ecf-form .toggle i, #ecf-form-ojbvms .ecf-form .ecficon-append, #ecf-form-ojbvms .ecf-form .ecficon-prepend { color: #404040 !important;}\n#ecf-form-ojbvms .ecf-form  .state-success.input input, #ecf-form-ojbvms .ecf-form .state-success.select select, #ecf-form-ojbvms .ecf-form .state-success.textarea textarea, #ecf-form-ojbvms .ecf-form .state-success.radio i, #ecf-form-ojbvms .ecf-form .state-success.checkbox i, #ecf-form-ojbvms .ecf-form .state-success.toggle i, #ecf-form-ojbvms .ecf-form .state-success .ecficon-append, #ecf-form-ojbvms .ecf-form .state-success .ecficon-prepend { background: #f0fff0 !important;}\n#ecf-form-ojbvms .ecf-form  .state-error.input input, #ecf-form-ojbvms .ecf-form .state-error.select select, #ecf-form-ojbvms .ecf-form .state-error.textarea textarea, #ecf-form-ojbvms .ecf-form .state-error.radio i, #ecf-form-ojbvms .ecf-form .state-error.checkbox i, #ecf-form-ojbvms .ecf-form .state-error.toggle i, #ecf-form-ojbvms .ecf-form .state-error .ecficon-append, #ecf-form-ojbvms .ecf-form .state-error .ecficon-prepend { background: #fff3f3 !important;}\n#ecf-form-ojbvms .ecf-form .ecficon-prepend { color: #CCC !important;}\n#ecf-form-ojbvms .ecf-form .input input, #ecf-form-ojbvms .ecf-form .select select, #ecf-form-ojbvms .ecf-form .textarea textarea, #ecf-form-ojbvms .ecf-form .radio i, #ecf-form-ojbvms .ecf-form .checkbox i, #ecf-form-ojbvms .ecf-form .toggle i, #ecf-form-ojbvms .ecf-form .ecficon-append, #ecf-form-ojbvms .ecf-form .ecficon-prepend { border-color: #E5E5E5;}\n#ecf-form-ojbvms #form-ojbvms fieldset {background: url(https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-content\/plugins\/easy-contact-form-pro\/css\/images\/patterns\/pattern-10.png) !important; background-repeat: repeat;}\n#ecf-form-ojbvms {padding: 40px;}\n#ecf-form-ojbvms .ecf-form {color: #666666 !important;}\n#ecf-form-ojbvms {max-width: 510px;}\n#ecf-form-ojbvms #form-ojbvms {background: none repeat scroll 0% 0% rgba(255,255,255, 1); border: solid 1px #d6d6d6;}\n#ecf-form-ojbvms #form-ojbvms {box-shadow: 0px 0px 10px rgba(56,56,56, 0.3) !important;}\n#ecf-form-ojbvms #form-ojbvms footer {background: none repeat scroll 0% 0% rgba(248,248,248, 1);}\n#ecf-form-ojbvms .ecf-form .input input,#ecf-form-ojbvms .ecf-form .select select,#ecf-form-ojbvms .ecf-form .textarea textarea {background: #ffffff;}\n#ecf-form-ojbvms .ecf-form .toggle i:before {background-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .button {background-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .input:hover input,\n#ecf-form-ojbvms .ecf-form .select:hover select,\n#ecf-form-ojbvms .ecf-form .textarea:hover textarea,\n#ecf-form-ojbvms .ecf-form .radio:hover i,\n#ecf-form-ojbvms .ecf-form .checkbox:hover i,\n#ecf-form-ojbvms .ecf-form .toggle:hover i,\n#ecf-form-ojbvms .ecf-form .ui-slider-handle:hover {border-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .ui-slider-handle:hover {border-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .rating input + label:hover,\n#ecf-form-ojbvms .ecf-form .rating input + label:hover ~ label {color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .input input:focus,\n#ecf-form-ojbvms .ecf-form .select select:focus,\n#ecf-form-ojbvms .ecf-form .textarea textarea:focus,\n#ecf-form-ojbvms .ecf-form .radio input:focus + i,\n#ecf-form-ojbvms .ecf-form .checkbox input:focus + i,\n#ecf-form-ojbvms .ecf-form .toggle input:focus + i {border-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .radio input + i:after {background-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .checkbox input + i:after {color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .radio input:checked + i,\n#ecf-form-ojbvms .ecf-form .checkbox input:checked + i,\n#ecf-form-ojbvms .ecf-form .toggle input:checked + i {border-color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .rating input:checked ~ label {color: #2da5da;}\n#ecf-form-ojbvms .ecf-form .ecfbutton { background-color: #2DA5DA;} #ecf-form-ojbvms .ecf-form .ecfbutton:hover{background-color: #2DA5DA;color: #fff; outline:none !important;}\n<\/style>\r\n      <!-- END  Dynamic CSS for Form ID: 41 -->\r\n\r\n    <!-- START JS for Form ID: 41 -->\r\n\r\n\t<script type=\"text\/javascript\">\r\n\t\tjQuery(document).ready(function($) {\r\n\r\n\t\tvar ojbvmstime = '09:01:48';\r\n\r\n\t\t\t\t$(\"#preloader-ojbvms\").fadeOut(300, function () {\r\n\t\t\t$(\"#ecf-form-ojbvms, #form-ojbvms\").fadeIn(100);\r\n\t\t\t$(\"#form-afflinkojbvms\").css('display', 'block');\r\n\t\t\t});\r\n\t\t\t\t\tvar maxupsize = '1048576';\r\n\t\t\tvar maxupsizeStr = '1M';\r\n            Ladda.bind('.ladda-button');\r\n\t\t\tvar files;\r\n\r\n\t\t\t$(function() {\r\n\t\t\t\t\t$('input[type=file]').on('change', prepareUpload);\r\n\r\n\t\t\t\t\tfunction prepareUpload(event)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfiles = event.target.files;\r\n\r\n\t\t\t\t\t\t\t\t$.each(files, function(key, value) {\r\n\r\n\t\t\t\t\t\t\t\t\tif ( files != null ) {\r\n\t\t\t\t\t\t\t\t\t\tif (files[key].size > maxupsize ) {\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t  vdialog({\r\n\t\t\t\t\t\t\t\t\t\t\t\t  type: 'error',\r\n\t\t\t\t\t\t\t\t\t\t\t\t  fixed: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t  title: 'Error',\r\n\t\t\t\t\t\t\t\t\t\t\t\t  okValue: 'OK',\r\n\t\t\t\t\t\t\t\t\t\t\t\t  content: files[key].name+\" exceeds the maximum upload size ( Max: \"+maxupsizeStr+\" )\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t  ok: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t  }).on('close', function(){\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t  files = null;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }).showModal();\r\n\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tfiles = null;\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif ( files != null ) {\r\n\t\t\t\t\t\t\t$('#atcojbvms').val(files.length+' file(s) selected');\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t$('#atcojbvms').val('');\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t$(\"#form-ojbvms\").validate(\r\n\t\t\t\t{\r\n\t\t\t\t\trules:\r\n\t\t\t\t\t{\r\n\t\t\t\t\tname0:{required: true},email1:{required: true,email: true},text2:{required: true},department3:{required: true},message4:{required: true,minlength: 10},date5:{required: true},daterange6start:{required: true},daterange6finish:{required: true},phone7:{required: true},dropdown8:{required: true},radioc18:{required: true},checkboxesc22:{required: true},website11:{required: true},attachment12:{required: false},rating13:{required: true},rating14:{required: true},rating15:{required: true},password16:{required: true},slider17slider:{required: true} ,\r\n\t\t\t\t\t\t\t\r\n        \trecaptcha: {\r\n            \trequired: true,\r\n            \tminlength: 5\r\n            \t},\r\n\t\t\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\tmessages:\r\n\t\t\t\t\t{\r\n\t\t\t\t\tname0:{required: \"This field is required\"},email1:{required: \"This field is required\"},text2:{required: \"This field is required\"},department3:{required: \"This field is required\"},message4:{required: \"This field is required\"},date5:{required: \"This field is required\"},daterange6start:{required: \"This field is required\"},daterange6finish:{required: \"This field is required\"},phone7:{required: \"This field is required\"},dropdown8:{required: \"This field is required\"},radioc18:{required: \"This field is required\"},checkboxesc22:{required: \"This field is required\"},website11:{required: \"This field is required\"},attachment12:{required: \"This field is required\"},rating13:{required: \"This field is required\"},rating14:{required: \"This field is required\"},rating15:{required: \"This field is required\"},password16:{required: \"This field is required\"},slider17slider:{required: \"This field is required\"}\t\t\t\t\t},\r\n\t\t\t\t\terrorPlacement: function(error, element) {\r\n\r\n\t\t\t\t\t\t\r\n                \tvar newError = $(error).text();\r\n            \t\tif(newError !== ''){\r\n                \t\t$(element).tooltipster('content', newError);\r\n                \t\t$(element).tooltipster('show');\r\n            \t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\t \t\t\t\t\t submitHandler: function (form) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t if ($('#form-ojbvms').find('#g-recaptcha-response').val() != '') {\r\n\t\t\t\t\t\t \tecf_onsubmit(jQuery('.form-ojbvms'));\r\n\t\t\t\t\t\t \t} else {\r\n\t\t\t\t\t\t\t\t$('#form-ojbvms').find('.g-recaptcha').parent().effect( \"shake\", {times:2,distance:5}, 400 );\r\n\t\t\t\t\t\t\t\tvar jElement = $('#form-ojbvms').find('.g-recaptcha').prev();\r\n\t\t\t\t\t\t\t\tjElement.addClass('ecfhighlight');\r\n\t\t\t\t\t\t\t\tsetTimeout(function() { jElement.removeClass('ecfhighlight') }, 4000 );\r\n\t\t\t\t\t\t\t\tLadda.stopAll();\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t} \t\t\t\t\t\t },\r\n\r\n\t\t\t\t\t invalidHandler: function (form) {\r\n                        Ladda.stopAll();\r\n\t\t\t\t\t \t},\r\n\r\n\t\t\t\t\tonkeyup: false,\r\n\t\t\t\t\tonfocusout: false,\r\n\t\t\t\t\tonclick: false\r\n\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\r\n\t\t\t\/* Form Submit ( Ajax ) *\/\r\n\t\t\tfunction ecf_onsubmit(form){\r\n\r\n            alert( 'Demo only, no messages will be sent !' );\r\n\t\t\t\t\r\n\t\t\t\twindow.location = \"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/pricing-compare-tables\/\";\r\n\t\t\t\t\r\n\t\t\t\treturn false;\r\n\r\n\t\t\tvar datafiles = new FormData();\r\n\r\n\t\t\t\tif(form.attr('action')=='#'){\r\n\r\n\t\t\t\t\tdata = {};\r\n\t\t\t\t\teldat = [];\r\n\t\t\t\t\tdata['action'] = 'ecf_deliver_mail';\r\n\t\t\t\t\tdata['type'] = 'ojbvms';\r\n\t\t\t\t\tdata['time'] = ojbvmstime;\r\n\t\t\t\t\tdata['formid'] = '41';\r\n\t\t\t\t\tdata['security'] = '91ebbe1556';\r\n\r\n\t\t\t\t\t$('input, textarea, select, radio, checkbox, file', form).each(function(key){\r\n\r\n\t\t\t\t\t\titems = {};\r\n\r\n\t\t\t\t\t\tif (typeof $(this).data('type') === 'undefined') { return true; }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'radio' && !$(this).is(':checked')) { return true; }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'rating' && !$(this).is(':checked')) { return true; } \/\/ Rating System @since 1.0.7.9\r\n\t\t\t\t\t\tif ($(this).data('type') == 'checkboxes') {\treturn true; }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'address') { return true; }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'daterange') { return true; }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'department') { items['deptemail'] = $(this).find(\":selected\").data('deptemail'); }\r\n\t\t\t\t\t\tif ($(this).data('type') == 'attachment' && typeof files !== 'undefined' ) {\r\n\r\n\t\t\t\t\t\t\tif ( files != null ) {\r\n\t\t\t\t\t\t\t\t$.each(files, function(key, value) {\r\n\r\n\t\t\t\t\t\t\t\t\tdatafiles.append(key, value);\r\n\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\titems['type'] = $(this).data('type');\r\n\t\t\t\t\t\titems['label'] = $(this).data('label');\r\n\t\t\t\t\t\titems['value'] = this.value;\r\n\t\t\t\t\t\titems['name'] = this.name;\r\n\r\n\t\t\t\t\t\teldat.push(items);\r\n\r\n\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t            \r\nvar cbc22 = [];   \r\ncbitemsc22 = {};\t\r\n        \r\n$('input[name=\"checkboxesc22\"]:checked').each(function() {\r\n  \r\n   cbc22.push($(this).val());\r\n   \r\n});\r\n\tcbc22.push('I am Checkbox');\r\n\tcbitemsc22['cbxgroup'] = cbc22;\r\n\teldat.push(cbitemsc22);\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t\tdata['allelmnt'] = JSON.stringify(eldat);\r\n\r\n\t\t\t\tif ( files != null ) {\r\n\r\n\t\t\t\t\tdatafiles.append( 'action', 'ecf_form_uploader' );\r\n\t\t\t\t\tdatafiles.append( 'thefile', JSON.stringify(datafiles) );\r\n\t\t\t\t\tdatafiles.append( 'formid', '41' );\r\n\t\t\t\t\tdatafiles.append( 'security', '91ebbe1556' );\r\n\r\n\t\t\t\t\t\tuploadForm(datafiles);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tdata['attachments'] = null;\r\n\t\t\t\t\t\tsubmitForm('');\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn false;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n            \r\n\t\t\t  function submitForm(tdat) {\r\n\r\n\t\t\t\tif ( tdat ) {\r\n\t\t\t\t\tdata['attachments'] = JSON.stringify(filedat);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t$.ajax({\r\n\t\t\t\t\turl: 'https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-admin\/admin-ajax.php',\r\n\t\t\t\t\ttype: 'POST',\r\n\t\t\t\t\tdataType: 'json',\r\n\t\t\t\t\tdata: data,\r\n\t\t\t\t\tsuccess: function(data) {\r\n\r\n\t\t\t\t\t\tif(data.Ok==true) {\r\n                            \r\n\t\t\t\t\t\t\t$(\"#form-ojbvms\").get(0).reset();\r\n\t\t\t\t\t\t\t$(\"#form-ojbvms section label\").removeClass('state-success');\r\n\r\n\t\t\t\t\t\t\tif(data.msg == 'redirect') {\r\n\t\t\t\t\t\t\t\twindow.location = \"http:\/\/\";\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tnotifyme('Your message has been sent', 'success');\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\t$(\"#form-ojbvms\").get(0).reset();\r\n\t\t\t\t\t\t\t\tnotifyme(data.msg, 'error');\r\n\t\t\t\t\t\t\t\t}\r\n\r\n                            Ladda.stopAll();\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\r\n\t\t\t\t\t\tfiles = null;\r\n\t\t\t\t\t\tfiledat = null;\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t  function uploadForm(dat) {\r\n\r\n\t\t\t\t\t$('.meter span').css('width','0%');\r\n\r\n       \t\t\t\t$.ajax({\r\n\t\t\t\t\t\t  \txhr: function() {\r\n\t\t\t\t\t\t\t\tvar xhr = new window.XMLHttpRequest();\r\n\r\n\t\t\t\t\t\t\t\txhr.upload.addEventListener(\"progress\", function(evt) {\r\n\t\t\t\t\t\t\t\t\tif (evt.lengthComputable) {\r\n\t\t\t\t\t\t\t\t\t\t$('.meter').fadeIn(500);\r\n\t\t\t\t\t\t\t\t\t\tvar percentComplete = evt.loaded \/ evt.total;\r\n\t\t\t\t\t\t\t\t\t\tpercentComplete = parseInt(percentComplete * 100);\r\n\t\t\t\t\t\t\t\t\t\t$('.meter span').css('width',+percentComplete+'%');\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}, false);\r\n\r\n\t\t\t\t\t\t\t\treturn xhr;\r\n\t\t\t\t\t\t\t},\r\n            \t\t\t\turl: 'https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-admin\/admin-ajax.php',\r\n            \t\t\t\ttype: 'POST',\r\n            \t\t\t\tdata: dat,\r\n            \t\t\t\tcache: false,\r\n            \t\t\t\tdataType: 'json',\r\n            \t\t\t\tprocessData: false,\r\n            \t\t\t\tcontentType: false,\r\n            \t\t\t\tsuccess: function(data, textStatus, jqXHR)\r\n            \t\t\t\t{\r\n            \t\t\t\t\tif(data.Ok==true) {\r\n\r\n\t\t\t\t\t\t\t\t\tfileitms = {};\r\n\t\t\t\t\t\t\t\t\tfiledat = [];\r\n\r\n\t\t\t\t\t\t\t\t$.each(data.msg, function(key, value) {\r\n\r\n\t\t\t\t\t\t\t\t\tfiledat.push(value);\r\n\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\tsubmitForm(filedat);\r\n\r\n            \t\t\t\t\t}\r\n\t\t\t\t\t\t\t\telse if (data.Ok==false) {\r\n\t\t\t\t\t\t\t\t\t$(\"#form-ojbvms\").get(0).reset();\r\n\t\t\t\t\t\t\t\t\tnotifyme(data.msg, 'error');\r\n\t\t\t\t\t\t\t\t\tLadda.stopAll();\r\n\t\t\t\t\t\t\t\t\t}\r\n            \t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\t\t\tif ( jqXHR.responseText == '0') {\r\n\t\t\t\t\t\t\t\t\t\t\t$(\"#form-ojbvms\").get(0).reset();\r\n\t\t\t\t\t\t\t\t\t\t\tnotifyme('File too large. File must be less than '+maxupsizeStr+'.', 'error');\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n                                        Ladda.stopAll();\r\n            \t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t$('.meter').fadeOut(500);\r\n            \t\t\t\t},\r\n            \t\t\t\terror: function(jqXHR, textStatus, errorThrown)\r\n            \t\t\t\t{\r\n\t\t\t\t\t\t\t\t$('.meter').fadeOut(500);\r\n\t\t\t\t\t\t\t\tLadda.stopAll();\r\n\t\t\t\t\t\t\t\tnotifyme('There was an error uploading your files.', 'error');\r\n            \t\t\t\t}\r\n        \t\t\t\t});\r\n\r\n\r\n\t\t\t\t\t\tfiles = null;\r\n\t\t\t\t\t\tfiledat = null;\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t  function notifyme(msg, typ) {\r\n\r\n\t\t\t\t  var title = (typ == 'success' ? 'sent' : typ);\r\n\r\n\t\t\t\t  vdialog({\r\n\t\t\t\t\t  type: typ,\r\n\t\t\t\t\t  fixed: true,\r\n\t\t\t\t\t  title: title,\r\n\t\t\t\t\t  okValue: 'OK',\r\n\t\t\t\t\t  content: msg,\r\n\t\t\t\t\t  ok: true,\r\n\t\t\t\t\t  }).on('close', function(){\r\n\t\t\t\t\t\t  msg = null;\r\n\t\t\t\t\t\t  typ = null;\r\n\t\t\t\t\t\t  }).showModal();\r\n\r\n\t\t\t\t\t  msg = null;\r\n\t\t\t\t\t  typ = null;\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t$('#form-ojbvms input, #form-ojbvms textarea, #form-ojbvms select, #form-ojbvms radio, #form-ojbvms checkbox, #form-ojbvms file').tooltipster({\r\n\t\t\t\ttrigger: 'custom',\r\n\t\t\t\ttheme: 'tooltipster-default',\r\n\t\t\t\tanimation: 'usedefault',\r\n\t\t\t\tautoClose: true,\r\n\t\t\t\tonlyOne: false,\r\n\t\t\t\ttimer: 3000,\r\n\t\t\t\tposition: 'top-right'\r\n\t\t\t});\r\n\r\n\t\t\t\r\n\t\t});\r\n\t\t<\/script>\r\n    <!-- END JS for Form ID: 41 -->\r\n\r\n<!-- START Form Markup for Form ID: 41 -->\r\n\r\n\t\r\n\t<div id=\"preloader-ojbvms\" class=\"ecfpreloader\" style=\" \"><\/div>\r\n\r\n        <div id=\"ecf-form-ojbvms\" class=\"ecf-body \" style=\" \">\r\n    \t\t<form style=\" display: none !important;\" method=\"post\" enctype=\"multipart\/form-data\" action=\"#\" id=\"form-ojbvms\" class=\"ecf-form form-ojbvms\">\r\n        \t<header style=\"\">All Fields Form<\/header>    \t\t<fieldset>\r\n    <section><label class=\"label\">Name<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-user\"><\/i><input data-type=\"name\" data-label=\"Name\" id=\"name0\" type=\"text\" name=\"name0\" \/><\/label><\/section><section><label class=\"label\">Email<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-envelope-o\"><\/i><input data-type=\"email\" data-label=\"Email\" id=\"email1\" type=\"text\" name=\"email1\" \/><\/label><\/section><section><label class=\"label\">Subject<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-asterisk\"><\/i><input data-type=\"text\" data-label=\"Subject\" id=\"text2\" type=\"text\" name=\"text2\" \/><\/label><\/section><section><label class=\"label\">Department<\/label><label class=\"select\"><select data-type=\"department\" data-label=\"Department\" name=\"department3\"><option value=\"\">--- select ---<\/option><option data-deptemail=\"sales@ghozylab.com\" value=\"Sales\" >Sales<\/option><option data-deptemail=\"billing@ghozylab.com\" value=\"Billing\" >Billing<\/option><option data-deptemail=\"billing@ghozylab.com\" value=\"Support\" >Support<\/option><\/select><i><\/i><\/label><\/section><section><label class=\"label\">Message<\/label><label class=\"textarea\"><i class=\"ecficon-prepend fa fa-comment\"><\/i><textarea data-type=\"message\" data-label=\"Message\" id=\"message4\" name=\"message4\" rows=\"7\" ><\/textarea><\/label><\/section><section><label class=\"label\">Date<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-calendar\"><\/i><input data-type=\"date\" data-label=\"Date\" id=\"date5\" type=\"text\" name=\"date5\" placeholder=\"Click here to select date\"\/>\r\n                    \t\t<script type=\"text\/javascript\">\r\n\t\t\tjQuery(function()\r\n\t\t\t{\r\n\t\t\t\tjQuery('#ecf-form-ojbvms #date5').datepicker({\r\n\t\t\t\t\tdateFormat: 'd MM, y',\r\n\t\t\t\t\tprevText: '<i class=\"fa fa-chevron-left\"><\/i>',\r\n\t\t\t\t\tnextText: '<i class=\"fa fa-chevron-right\"><\/i>'\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t<\/script>\r\n\r\n                    <\/label><\/section><label class=\"label\">Select Date Range<\/label><div class=\"ecf-row\"><section class=\"ecf-col ecf-col-6\"><label class=\"input\"><i class=\"ecficon-prepend fa fa-calendar\"><\/i><input data-type=\"daterange\" data-label=\"Select Date Range\" id=\"daterange6start\" type=\"text\" name=\"daterange6start\" placeholder=\"Start Date\" \/><\/label><\/section><section class=\"ecf-col ecf-col-6\"><label class=\"input\"><i class=\"ecficon-prepend fa fa-calendar\"><\/i><input data-type=\"daterange\" data-label=\"Select Date Range\" id=\"daterange6finish\" type=\"text\" name=\"daterange6finish\" placeholder=\"Expected Finish Date\" \/><\/label><\/section><\/div><textarea style=\"display: none !important;\" data-type=\"fulldate\" data-label=\"Select Date Range\" id=\"daterange6fulldate\" name=\"daterange6fulldate\" rows=\"7\"><\/textarea>\r\n                    \t\t<script type=\"text\/javascript\">\r\n\t\t\tjQuery(function()\r\n\t\t\t{\r\n\t\t\t\t\/\/ Date range\r\n\t\t\t\tjQuery('#ecf-form-ojbvms #daterange6start').datepicker({\r\n\t\t\t\t\tdateFormat: 'd MM, yy',\r\n\t\t\t\t\tprevText: '<i class=\"fa fa-chevron-left\"><\/i>',\r\n\t\t\t\t\tnextText: '<i class=\"fa fa-chevron-right\"><\/i>',\r\n\t\t\t\t\tonSelect: function( selectedDate )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfulldatedaterange6();\r\n\t\t\t\t\t\tjQuery('#ecf-form-ojbvms #daterange6start').datepicker('option', selectedDate);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tjQuery('#ecf-form-ojbvms #daterange6finish').datepicker({\r\n\t\t\t\t\tdateFormat: 'd MM, yy',\r\n\t\t\t\t\tprevText: '<i class=\"fa fa-chevron-left\"><\/i>',\r\n\t\t\t\t\tnextText: '<i class=\"fa fa-chevron-right\"><\/i>',\r\n\t\t\t\t\tonSelect: function( selectedDate )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfulldatedaterange6();\r\n\t\t\t\t\t\tjQuery('#ecf-form-ojbvms #daterange6finish').datepicker('option', selectedDate);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\r\n\t\t\tfunction fulldatedaterange6(){\r\n\t\t\tvar inputdaterange6start = 'Start Date : '+ jQuery(\"#daterange6start\").val()+'\\n';\r\n\t\t\tvar inputdaterange6finish = 'Expected Finish Date : '+ jQuery(\"#daterange6finish\").val()+'\\n';\r\n\t\t\tjQuery(\"#daterange6fulldate\").val(inputdaterange6start+inputdaterange6finish);\r\n\r\n\t\t\t}\r\n\r\n\r\n\t\t\t});\r\n\t\t<\/script>\r\n\r\n                    <section><label class=\"label\">Phone Number<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-phone\"><\/i><input data-type=\"phone\" data-label=\"Phone Number\" id=\"phone7\" type=\"text\" name=\"phone7\" placeholder=\"(xxx) xxx-xxx-xxx\"\/>\r\n                    <script type=\"text\/javascript\">\r\n\t\t\t\t\tjQuery(function()\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tjQuery(\"#phone7\").mask('(xxx) xxx-xxx-xxx', {placeholder:'x'});\r\n\t\t\t\t\t\t});\r\n                    <\/script>\r\n\r\n                    <\/label><\/section><section><label class=\"label\">Dropdown<\/label><label class=\"select\"><select data-type=\"dropdown\" data-label=\"Dropdown\" name=\"dropdown8\"><option value=\"\">--- select ---<\/option><option value=\"select 1\" >select 1<\/option><option value=\"select 2\" >select 2<\/option><option value=\"select 3 and more...\" >select 3 and more...<\/option><\/select><i><\/i><\/label><\/section><section><label class=\"label\">Option Field<\/label><label class=\"radio\"><div class=\"inline-group\"><label class=\"radio\"><input value=\"Option 1\" data-type=\"radio\" data-label=\"Option Field\" type=\"radio\" name=\"radioc18\" ><i><\/i>Option 1<\/label><label class=\"radio\"><input value=\"Option 2\" data-type=\"radio\" data-label=\"Option Field\" type=\"radio\" name=\"radioc18\" ><i><\/i>Option 2<\/label><label class=\"radio\"><input value=\"And more...\" data-type=\"radio\" data-label=\"Option Field\" type=\"radio\" name=\"radioc18\" ><i><\/i>And more...<\/label><\/div><\/label><\/section><section><label class=\"label\">I am Checkbox<\/label><label class=\"checkbox\"><div class=\"inline-group\"><label class=\"checkbox\"><input value=\"custom text\" data-type=\"checkboxes\" data-label=\"I am Checkbox\" type=\"checkbox\" name=\"checkboxesc22\" ><i><\/i>custom text<\/label><label class=\"checkbox\"><input value=\"unlimited option\" data-type=\"checkboxes\" data-label=\"I am Checkbox\" type=\"checkbox\" name=\"checkboxesc22\" ><i><\/i>unlimited option<\/label><\/div><\/label><\/section><section><label class=\"label\">Website<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-link\"><\/i><input data-type=\"website\" data-label=\"Website\" id=\"website11\" type=\"text\" name=\"website11\" placeholder=\"http:\/\/\"\/><\/label><\/section><section><label class=\"label\">Attachment<\/label><label class=\"input input-file\"><div class=\"ecfbutton attach41\"><input data-type=\"attachment\" data-label=\"Attachment\" type=\"file\" id=\"attachment12\" name=\"attachment12\" multiple>Browse<\/div><input id=\"atcojbvms\" type=\"text\" readonly><div class=\"meter\">\r\n\t\t\t<span style=\"width: 0%\"><\/span>\r\n\t\t<\/div><\/label><\/section><section><div class=\"rating\">Quality of the product<label class=\"input\"><input data-type=\"rating\" data-label=\"Quality of the product\" type=\"radio\" name=\"rating13\" value=\"5 Star\" id=\"rating13-rating-5\">\r\n\t\t\t\t\t\t\t<label for=\"rating13-rating-5\"><i class=\"fa fa-star\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Quality of the product\" type=\"radio\" name=\"rating13\" value=\"4 Star\" id=\"rating13-rating-4\">\r\n\t\t\t\t\t\t\t<label for=\"rating13-rating-4\"><i class=\"fa fa-star\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Quality of the product\" type=\"radio\" name=\"rating13\" value=\"3 Star\" id=\"rating13-rating-3\">\r\n\t\t\t\t\t\t\t<label for=\"rating13-rating-3\"><i class=\"fa fa-star\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Quality of the product\" type=\"radio\" name=\"rating13\" value=\"2 Star\" id=\"rating13-rating-2\">\r\n\t\t\t\t\t\t\t<label for=\"rating13-rating-2\"><i class=\"fa fa-star\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Quality of the product\" type=\"radio\" name=\"rating13\" value=\"1 Star\" id=\"rating13-rating-1\">\r\n\t\t\t\t\t\t\t<label for=\"rating13-rating-1\"><i class=\"fa fa-star\"><\/i><\/label>\r\n\t\t\t\t\t\t<\/div><\/label><\/section><section><div class=\"rating\">Reliability of the product<label class=\"input\"><input data-type=\"rating\" data-label=\"Reliability of the product\" type=\"radio\" name=\"rating14\" value=\"5 Star\" id=\"rating14-rating-5\">\r\n\t\t\t\t\t\t\t<label for=\"rating14-rating-5\"><i class=\"fa fa-thumbs-up\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Reliability of the product\" type=\"radio\" name=\"rating14\" value=\"4 Star\" id=\"rating14-rating-4\">\r\n\t\t\t\t\t\t\t<label for=\"rating14-rating-4\"><i class=\"fa fa-thumbs-up\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Reliability of the product\" type=\"radio\" name=\"rating14\" value=\"3 Star\" id=\"rating14-rating-3\">\r\n\t\t\t\t\t\t\t<label for=\"rating14-rating-3\"><i class=\"fa fa-thumbs-up\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Reliability of the product\" type=\"radio\" name=\"rating14\" value=\"2 Star\" id=\"rating14-rating-2\">\r\n\t\t\t\t\t\t\t<label for=\"rating14-rating-2\"><i class=\"fa fa-thumbs-up\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Reliability of the product\" type=\"radio\" name=\"rating14\" value=\"1 Star\" id=\"rating14-rating-1\">\r\n\t\t\t\t\t\t\t<label for=\"rating14-rating-1\"><i class=\"fa fa-thumbs-up\"><\/i><\/label>\r\n\t\t\t\t\t\t<\/div><\/label><\/section><section><div class=\"rating\">Overall rating<label class=\"input\"><input data-type=\"rating\" data-label=\"Overall rating\" type=\"radio\" name=\"rating15\" value=\"5 Star\" id=\"rating15-rating-5\">\r\n\t\t\t\t\t\t\t<label for=\"rating15-rating-5\"><i class=\"fa fa-trophy\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Overall rating\" type=\"radio\" name=\"rating15\" value=\"4 Star\" id=\"rating15-rating-4\">\r\n\t\t\t\t\t\t\t<label for=\"rating15-rating-4\"><i class=\"fa fa-trophy\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Overall rating\" type=\"radio\" name=\"rating15\" value=\"3 Star\" id=\"rating15-rating-3\">\r\n\t\t\t\t\t\t\t<label for=\"rating15-rating-3\"><i class=\"fa fa-trophy\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Overall rating\" type=\"radio\" name=\"rating15\" value=\"2 Star\" id=\"rating15-rating-2\">\r\n\t\t\t\t\t\t\t<label for=\"rating15-rating-2\"><i class=\"fa fa-trophy\"><\/i><\/label>\r\n\t\t\t\t\t\t\t<input data-type=\"rating\" data-label=\"Overall rating\" type=\"radio\" name=\"rating15\" value=\"1 Star\" id=\"rating15-rating-1\">\r\n\t\t\t\t\t\t\t<label for=\"rating15-rating-1\"><i class=\"fa fa-trophy\"><\/i><\/label>\r\n\t\t\t\t\t\t<\/div><\/label><\/section><section><label class=\"label\">Password<\/label><label class=\"input\"><i class=\"ecficon-prepend fa fa-lock\"><\/i><input id=\"password16-fake\" type=\"text\" \/><input style=\"display: none !important;\" data-type=\"password\" data-label=\"Password\" id=\"password16\" type=\"text\" name=\"password16\"\/>\r\n\t\t\t\t\t<script type=\"text\/javascript\">\r\n\r\n\t\t\t\t\tjQuery(document).ready(function($) {\r\n\r\n\t\t\t\t\t\tif ( $('#password16-fake').prev().hasClass('ecficon-prepend') ) {\r\n\t\t\t\t\t\t\t\t$('#password16-fake').css('padding-left',45);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t\t$('#password16-fake').css('padding-left',10);\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\tnew MaskedPassword(document.getElementById('password16-fake'), '\\u25CF');\r\n\r\n\t\t\t\t\t\t$('#password16-fake').keyup(function() {\r\n\r\n\t\t\t\t\t\t\t$('#password16').val($(this).prev().val());\r\n\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n                    <\/script>\r\n                    <\/label><\/section><section><label class=\"label\">Slider (<span id=\"slider17sliderlabel\">0<\/span> %)<\/label><div id=\"slider17slider\" name=\"slider17slider\"><\/div><input style=\"display: none !important;\" data-type=\"slider\" data-label=\"Slider\" id=\"slider17\" type=\"text\" name=\"slider17\" \/>\r\n                    \t\t<script type=\"text\/javascript\">\r\n\t\t\tjQuery(function()\r\n\t\t\t{\r\n\r\n\t\t\t\t\/\/ Step slider\r\n\t\t\t\tjQuery('#slider17slider').slider({\r\n\t\t\t  range: 'min',\r\n\t\t      min: 0,\r\n\t\t      max: 100,\r\n\t\t      step: 10,\n\t\t      slide: function(event, ui)\r\n\t\t      {\r\n\t\t      \tjQuery('#slider17sliderlabel').text(ui.value);\r\n\t\t\t\tjQuery('#slider17').val(ui.value+ ' %');\r\n\t\t      }\r\n\t\t\t\t});\r\n\r\n\t\t\t});\r\n\t\t<\/script>\r\n\r\n        <\/section>\t\t\t\t\t<section>\r\n\t\t\t\t\t\t<label class=\"label\">Enter characters below:<\/label>\r\n\r\n                      \t        \r\n\t\t\t<div name=\"recaptcha\" data-theme=\"light\" class=\"g-recaptcha\" data-sitekey=\"6Ld60QETAAAAAAk5d0OtQ1XaMjvqIsXsTBmo2aov\"><\/div>\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t<\/section>\r\n             \r\n       \t\t <\/fieldset>\r\n        \t\t<footer>\r\n                    <button data-style=\"slide-down\" id=\"cf-submittedojbvms\" class=\"ecfbutton ladda-button\" type=\"submit\" name=\"cf-submittedojbvms\"><span class=\"ladda-label\">SEND NOW<\/span><\/button>\r\n\t\t\t\t<\/footer>\r\n\t\t\t<\/form>\r\n\r\n                                    <\/div>\r\n<!-- END Form Markup for Form ID: 41 -->\r\n\r\n\r\n    <!-- START Custom CSS for Form ID: 41 -->\r\n    <style>\r\n\t.entry-title {\r\ndisplay: none !important; }    <\/style>\r\n    <!-- END  Custom CSS for Form ID: 41 -->\r\n\r\n    <!-- START Custom JS for Form ID: 41 -->\r\n    <script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function ($) {\r\n\t\t});\r\n    <\/script>\r\n    <!-- END  Custom JS for Form ID: 41 -->\r\n\r\n\r\n\t\r\n<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><span>","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\"><span itemprop=\"description\"><\/span><\/p>\n<p class=\"more-link-p btn-align-left\"><a class=\"blue zoom-btn\" href=\"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/easycontactform\/demo\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"zoom-lite-full-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/pages\/42"}],"collection":[{"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":1,"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/pages\/42\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/demo.ghozylab.com\/plugins\/easy-contact-form-plugin\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}