PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Add HTML below submit button

  1. ntsmedia
    Member

    Hi folks ... rather new to Gravity Forms so if I missed an answer posted here already or just ask something dumb, apologies in advance!

    I've got a few forms pretty well designed but the last step is to move the submit button above some fixed HTML that needs to be at the bottom (different HTML in each form).

    I saw a suggestion about adding HTML after the shortcode (assume that meant after the insertion code in the page/post) but the forms are within a CSS box layout and the "footer" HTML includes another CSS box so I don't think that would be the cleanest way of trying to approach this.

    In all of the forms I need to do this, the HTML is for static content, currently living within an HTML "field". I'm having some trouble determining how to accomplish this ... suggestions?

    It would be great if the submit element had it's own section in the Form Editor so that acceptable elements such as HTML could simply be placed below it though perhaps there's reason (?).

    Many Thanks
    John

    Posted 10 years ago on Monday April 23, 2012 | Permalink
  2. kyle
    Member

    Change how you put the box around the item. Get rid of the current box, and do something like:

    <div class="surroundingbox">
    
    [gravityform shortcode]
    
    <div class="aftersubmithtml">
    Some test
    </div>
    
    </div>

    And just use the box styling on the surroundingbox class,

    Posted 10 years ago on Monday April 23, 2012 | Permalink
  3. David Peralty

    Let us know if kyle's suggestion works for you. Make sure you edit your page/post in HTML mode and not the visual editor.

    Posted 10 years ago on Monday April 23, 2012 | Permalink
  4. ntsmedia
    Member

    Yes ... I think that will work OK!

    Would love to keep the code all within the GF setup but this is definitely workable.

    Many Thanks!
    John

    Posted 10 years ago on Monday April 23, 2012 | Permalink
  5. ntsmedia
    Member

    While the above method does work the problem is that the forms in question go into many posts/pages so if a change is needed it can't simply be made within the Gravity Form system. I would have to make the code before/after the form's shortcode an includes or something to be able to revise all instances. Not really very elegant of efficient.

    It makes me return to wanting the submit section to have its own section in the editing area with an ability to add an HTML block after it as needed! I'll post that into Feature Requests!

    Regards
    John

    Posted 10 years ago on Tuesday April 24, 2012 | Permalink
  6. Yeah, the HTML blocks were intended to be used inline between the form elements, not to place content before or after the form itself. Content before and after the form should naturally be placed in the page content or in the page template. That makes more sense to me.. the Gravity Forms form builder is for managing the forms themselves, not other extraneous content.

    You can always create a page template with the content that you plan to add below the content, then use that template for your form pages. That way, you only have one file to change if you need to update the content across a variety of pages.

    http://codex.wordpress.org/Pages#Page_Templates

    Posted 10 years ago on Tuesday April 24, 2012 | Permalink

This topic has been resolved and has been closed to new replies.