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.

how to position the button which is made by html?

  1. kakadong
    Member

    my page is at HERE

    At the bottom of my form , there are two buttons.

    the upper is a reset button which is to clear all information .
    the lower is a submit button.

    I want to reposition the reset button , so it is at right side of the submit button.
    How to achieve this?

    Thanks.

    Posted 13 years ago on Tuesday May 22, 2012 | Permalink
  2. David Peralty

    You can position elements using CSS. Check out the following documentation:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Try gf_left_half and gf_right_half on your submit and reset buttons.

    Otherwise, use view source to get the element ID of each of the items and move them around using CSS which would go in your theme's style.css file.

    Posted 13 years ago on Tuesday May 22, 2012 | Permalink
  3. kakadong
    Member

    Still not working by using the gf_left_half
    what css rules should I use to move the li (reset button) next to another div (submit)?

    Posted 13 years ago on Thursday May 24, 2012 | Permalink
  4. This will definitely take custom CSS. I just messed around with it in chrome dev tools and this worked ok for me (be sure to place into your theme's stylesheet):

    [css]
    #gform_fields_1 {
    position: relative;
    }
    #field_1_7 {
    position: absolute;
    left: 100px;
    top: 410px;
    }
    Posted 13 years ago on Thursday May 24, 2012 | Permalink