{"id":42457,"date":"2019-01-13T17:17:11","date_gmt":"2019-01-13T11:17:11","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=42457"},"modified":"2021-02-27T14:56:56","modified_gmt":"2021-02-27T08:56:56","slug":"dropbar-example","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/simple-contact-form\/dropbar-example\/","title":{"rendered":"Dropbar Example"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"42457\" class=\"elementor elementor-42457\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46bafc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"46bafc6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-551b2f2\" data-id=\"551b2f2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c74209a elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"c74209a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-639cbbe\" data-id=\"639cbbe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-103cbf6 elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"103cbf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"https:\/\/www.elementpack.pro\/demo\/element\/simple-contact-form\/\" class=\"bdt-ep-button bdt-ep-button-effect-h bdt-ep-button-size-md\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Contact Form\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tContact Form\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7643b60\" data-id=\"7643b60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27cbc88 elementor-mobile-align-center elementor-widget elementor-widget-bdt-advanced-button\" data-id=\"27cbc88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-button-wrapper\">\n\t\t\t<a href=\"https:\/\/www.elementpack.pro\/demo\/element\/simple-contact-form\/contact-field-example\/\" class=\"bdt-ep-button bdt-ep-button-effect-d bdt-ep-button-size-md\">\n\t\t\t\t\t\t<div class=\"bdt-ep-button-content-wrapper bdt-flex bdt-flex-middle bdt-flex-center\" data-text=\"Phone No Field\">\n\t\t\t\n\t\t\t<div class=\"bdt-ep-button-text\">\n\n\t\t\t\t<span class=\"avdbtn-text\">\n\t\t\t\t\tPhone No Field\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-aa9b736 elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"aa9b736\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-418dd0d\" data-id=\"418dd0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a8e67d elementor-widget elementor-widget-bdt-dropbar\" data-id=\"9a8e67d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-dropbar.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-dropbar-wrapper bdt-position-fixed bdt-position-top-left\">\n\t\t\t<a class=\"bdt-dropbar-button elementor-button elementor-size-sm\" href=\"javascript:void(0)\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t<span >\n\n\t\t\t\t<span class=\"elementor-button-text\">Contact Form<\/span>\n\n\t\t\t\t\n\t\t\t<\/span>\n\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t<!-- <div> -->\n\t\t\t\t<div id=\"bdt-drop-9a8e67d\" class=\"bdt-drop bdt-card bdt-card-body bdt-card-default\" data-bdt-drop=\"{&quot;pos&quot;:&quot;right-top&quot;,&quot;mode&quot;:&quot;click&quot;,&quot;stretch&quot;:&quot;null&quot;,&quot;target&quot;:false,&quot;boundary&quot;:false,&quot;delay-show&quot;:0,&quot;delay-hide&quot;:800,&quot;flip&quot;:false,&quot;offset&quot;:0,&quot;animation&quot;:&quot;slide-left&quot;,&quot;duration&quot;:200,&quot;animate-out&quot;:false}\">\n\t\t\t\t\t<style>.elementor-34760 .elementor-element.elementor-element-1032aea > .elementor-container{max-width:350px;}.elementor-34760 .elementor-element.elementor-element-6750da4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-button{background-color:#93dcff;color:#ffffff;font-size:14px;font-weight:600;padding:14px 30px 14px 30px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-button:hover{background-color:#ffffff;color:#000000;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form-form, .elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form-form input, .elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form-form textarea{text-align:start;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid-small{margin-left:-15px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid-small>*{padding-left:15px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid+.bdt-grid-small, .elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid-small>.bdt-grid-margin{margin-top:15px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-field-group .bdt-input{color:#ffffff;background-color:#93dcff;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-field-group textarea{color:#ffffff;background-color:#93dcff;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-field-group .bdt-input::placeholder{color:rgba(255,255,255,0.85);}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-field-group textarea::placeholder{color:rgba(255,255,255,0.85);}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid-small{margin-left:-1px;}.elementor-34760 .elementor-element.elementor-element-cc87ce7 .bdt-contact-form .bdt-grid-small>*{padding-left:1px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"34760\" class=\"elementor elementor-34760\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1032aea elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"1032aea\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6750da4\" data-id=\"6750da4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc87ce7 bdt-hide-recaptcha-badge-yes elementor-widget elementor-widget-bdt-contact-form\" data-id=\"cc87ce7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-contact-form.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-contact-form bdt-contact-form-skin-default\">\n\t\t\t<div class=\"elementor-form-fields-wrapper\">\n\t\t\t\t\t\t<div class=\"bdt-contact-form-wrapper\">\n\t\t\t<form class=\"bdt-contact-form-form bdt-form-stacked bdt-grid bdt-grid-small\" data-bdt-grid=\"\" action=\"https:\/\/www.elementpack.pro\/demo\/wp-admin\/admin-ajax.php\" method=\"post\">\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"bdt-field-group elementor-field-required bdt-width-1-1\">\n\t\t\t\t\t\t<div class=\"bdt-form-controls\"><input type=\"text\" name=\"name\" id=\"user_namecc87ce7\" placeholder=\"Your Name\" class=\"bdt-input bdt-form-default\" required =\"required\"><\/div>\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"bdt-field-group elementor-field-required bdt-width-1-1\">\n\t\t\t\t\t\t<div class=\"bdt-form-controls\"><input type=\"email\" name=\"email\" id=\"emailcc87ce7\" placeholder=\"example@email.com\" class=\"bdt-input bdt-form-default\" required=\"required\"><\/div>\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-field-group bdt-width-1-1 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"bdt-form-controls\"><input type=\"text\" name=\"subject\" id=\"subjectcc87ce7\" placeholder=\"Your Message Subject\" class=\"bdt-input bdt-form-default\" required=\"required\"><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-field-group bdt-width-1-1 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"bdt-form-controls\"><textarea name=\"message\" id=\"messagecc87ce7\" rows=\"5\" placeholder=\"Your Message Here\" class=\"bdt-textarea bdt-form-default\" required=\"required\"><\/textarea><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<input type=\"hidden\" class=\"widget_id\" name=\"widget_id\" value=\"cc87ce7\" \/>\n\t\t\t\t\t<input type=\"hidden\" name=\"bdt-sf-cc87ce7\" value=\"true\" \/>\n\t\t\t\t\t<input type=\"hidden\" class=\"page_id\" name=\"page_id\" value=\"42457\" \/>\n\n\t\t\t\t\t<div class=\"elementor-field-type-submit bdt-field-group bdt-flex bdt-width-1-1\">\n\t\t\t\t\t\t<button type=\"submit\" class=\"elementor-animation-skew elementor-button bdt-button bdt-button-primary g-recaptcha\" name=\"submit\" data-sitekey=\"6LeCv3kUAAAAAExXqZnqVwSXQR59J3zmxGyp3eJe\" data-callback=\"elementPackGICCB\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\tSend Message\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<input name=\"_wpnonce\" value=\"8a5d5dab8e\" type=\"hidden\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"element_pack_contact_form\" \/>\n\n\t\t\t\t\t\n\t\t\t<\/form>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\t\t\t\t<\/div>\n\t\t\t<!-- <\/div> -->\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32bf7d5 elementor-widget elementor-widget-text-editor\" data-id=\"32bf7d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><em>Note: Simple Contact Form With Dropbar Example<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Form Phone No Field Contact Form Send Message Note: Simple Contact Form With Dropbar Example<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32143,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/42457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=42457"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/42457\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32143"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=42457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}