Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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&#8221; 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&#8221; 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&#8217; );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&#8217; );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,
    MP

    #274092

    Hi!

    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!
    Josue

    #274108

    Thank you this is perfect.

    MP

    #274110

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Using a form in the "Footer Widget Field"’ is closed to new replies.