-
AuthorPosts
-
June 3, 2014 at 2:34 pm #273890
Hello Support,
http://shelliv.bydecosta.com/blog/
On the blog page because there is a sidebar I copied the Form Code using FireFox Firebug and pasted the form content on the Footer “Footer – Column1″.
Is there an easier way to copy like a shortcode that are used in pages over to the widget like what is done on the page using the Avia Layout Builder.
Color Section
(2/5) column which is the text
<h3><span style=”color: #ffffff;”>Subscribe</span></h3>
<span style=”color: #ffffff;”>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</span>(3/5) column which is the Gravity Forms Shortcode
[gravityform id=”1″ name=”Offer Free Value Signup” title=”false” description=”false” ajax=”true”]The code that I copied to the footer which I know is not the right way to do is:
<div class=”entry-content-wrapper clearfix”>
<div class=”flex_column av_two_fifth first avia-builder-el-3 el_before_av_three_fifth avia-builder-el-first “>
<section itemtype=”http://schema.org/CreativeWork” itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “><h3><span style=”color: #ffffff;”>30 DAY CHALLENGE</span></h3>
<p><span style=”color: #ffffff;”>Step outside your comfortzone today. </br>Sign up to receive my challenge kit.</span></p>
</div></section>
</div><div class=”flex_column av_three_fifth avia-builder-el-5 el_after_av_two_fifth avia-builder-el-last “>
<p></p><section itemtype=”http://schema.org/CreativeWork” itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “>
<div id=”gform_wrapper_1″ class=”gf_browser_gecko gform_wrapper”><form action=”/blog/#gf_1″ id=”gform_1″ target=”gform_ajax_frame_1″ enctype=”multipart/form-data” method=”post”>
<div class=”gform_body”>
<ul class=”gform_fields top_label description_below” id=”gform_fields_1″><li class=”gfield gf_left_half gfield_contains_required” id=”field_1_1″><label for=”input_1_1″ class=”gfield_label”>Name<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”text” tabindex=”1″ class=”large” value=”” id=”input_1_1″ name=”input_1″></div><li class=”gfield gf_right_half gfield_contains_required” id=”field_1_2″><label for=”input_1_2″ class=”gfield_label”>Email<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”email” tabindex=”2″ class=”large” value=”” id=”input_1_2″ name=”input_2″></div><li class=”gfield gform_validation_container” id=”field_1_3″><label for=”input_1_3″ class=”gfield_label”>Name</label><div class=”ginput_container”><input type=”text” autocomplete=”off” value=”” id=”input_1_3″ name=”input_3″></div><div class=”gfield_description”>This field is for validation purposes and should be left unchanged.</div>
</div>
<div class=”gform_footer top_label”> <input type=”submit” onclick=”if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ” tabindex=”3″ value=”Sign Up” class=”button gform_button” id=”gform_submit_button_1″><input type=”hidden” value=”form_id=1&title=&description=&tabindex=1″ name=”gform_ajax”>
<input type=”hidden” value=”1″ name=”is_submit_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ name=”gform_submit” class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_unique_id” class=”gform_hidden”>
<input type=”hidden” value=”WyJbXSIsImY5ODIwYzViMWVmMWJmMjAxNDM0MzMwYTA3Yzc1OGMyIl0=” name=”state_1″ class=”gform_hidden”>
<input type=”hidden” value=”0″ id=”gform_target_page_number_1″ name=”gform_target_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ id=”gform_source_page_number_1″ name=”gform_source_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_field_values”></div>
</form>
</div>
<iframe id=”gform_ajax_frame_1″ name=”gform_ajax_frame_1″ src=”about:blank” style=”display:none;width:0px;height:0px;”></iframe>
<script type=”text/javascript”>jQuery(document).ready(function($){gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif’ );jQuery(‘#gform_ajax_frame_1’).load( function(){var contents = jQuery(this).contents().find(‘*’).html();var is_postback = contents.indexOf(‘GF_AJAX_POSTBACK’) >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find(‘#gform_wrapper_1’);var is_redirect = contents.indexOf(‘gformRedirect(){‘) >= 0;var is_form = !(form_content.length <= 0 || is_redirect);if(is_form){jQuery(‘#gform_wrapper_1’).html(form_content.html());jQuery(document).scrollTop(jQuery(‘#gform_wrapper_1’).offset().top);if(window[‘gformInitDatepicker’]) {gformInitDatepicker();}if(window[‘gformInitPriceFields’]) {gformInitPriceFields();}var current_page = jQuery(‘#gform_source_page_number_1’).val();gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif’ );jQuery(document).trigger(‘gform_page_loaded’, [1, current_page]);window[‘gf_submitting_1’] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find(‘#gforms_confirmation_message’).html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery(‘#gform_wrapper_1’).replaceWith(‘<‘ + ‘div id=\’gforms_confirmation_message\’ class=\’gform_confirmation_message_1\” + ‘>’ + confirmation_content + ‘<‘ + ‘/div’ + ‘>’);jQuery(document).scrollTop(jQuery(‘#gforms_confirmation_message’).offset().top);jQuery(document).trigger(‘gform_confirmation_loaded’, [1]);window[‘gf_submitting_1’] = false;}, 50);}else{jQuery(‘#gform_1’).append(contents);if(window[‘gformRedirect’]) {gformRedirect();}}jQuery(document).trigger(‘gform_post_render’, [1, current_page]);} );} );</script><script type=”text/javascript”> jQuery(document).ready(function(){jQuery(document).trigger(‘gform_post_render’, [1, 1]) } ); </script>
</div></section>
</div>
</div>Thanks,
MPJune 3, 2014 at 7:18 pm #274092Hi!
Try enabling debug mode, that way you can see all the generated shortcode right below the ALB:
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/Cheers!
JosueJune 3, 2014 at 7:35 pm #274108Thank you this is perfect.
MP
June 3, 2014 at 7:37 pm #274110You are welcome, always glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Using a form in the "Footer Widget Field"’ is closed to new replies.