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.

Tab Style in forms

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Vincent
    Member

    Hello,
    I would like create a tab style form very similar to this:
    http://easysettlefinance.com.au/online-application-page/
    I dont know how integrate in admin form builder all blocks, I tryed without success. Can you help me please?

    Posted 13 years ago on Thursday April 14, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    You can use the inline HTML blocks to wrap sections of contents in containers like divs or fieldsets that can then be used with some scripts to create the tab style form like the sample you referenced.

    Here's a quick primer on how to use the HTML blocks to implement the sections. The sample is specifically geared for fieldsets, but you could easily modify the technique to create divs, spans or whatever you would like.

    http://www.gravityhelp.com/forums/topic/fieldsets#post-17019

    Posted 13 years ago on Thursday April 14, 2011 | Permalink

  3. Vincent
    Member

    Hello Kevin!
    Thanks! I have done with HTML blocks and now all working great. Only I dont understand because now I cant check field style, seem that tab style overwrites gravityforms css style.

    What can you suggest me please to resolve this issues?

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    @Vincent,

    I'm not sure I understand your problem. Can you post a URL to your form page so I can look at it? I'll be happy to help, but I will need to see the form so I can debug the issue.

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  5. Vincent
    Member

    I followed your topic with this result: http://postimage.org/image/1qs0ju6g4/

    But now fields have losed allignement, I used ready classes css (ex. gf_left_half....)

    is it normal?

    Posted 13 years ago on Friday April 15, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    I can't really tell you what's going on without seeing the actual form in the page so I can look at the markup & CSS. Since you've introduced new HTML markup into the form, you may have changed the inheritance that the CSS Ready Class rules use.

    If you can point me to a public URL to see the form I'll try to help but I can't really tell you much more without seeing it.

    Posted 13 years ago on Friday April 15, 2011 | Permalink