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.

Inline Address Field

  1. Hi,

    http://www.searchandperch.com/sportstrong/spring-league-registration/

    I'd like my address field to display inline across the page, but I'm not exactly sure how to do this. Ideally, I'd be able to put at least Street addy, City and State on one line.

    Is there a relatively simple way to do this? Thanks!

    Posted 12 years ago on Thursday April 5, 2012 | Permalink
  2. You might need to recreate the address fields separately and then apply the ready classes to the fields (i see you are already using ready classes here, so that's good).

    Otherwise, you'll need to target each piece of the address field independently via CSS. Each piece has it's own ID, so you could rearrange it via CSS as well.

    For example, if you drop these two styles into your theme's stylesheet you will see what I mean:

    [css]
    #input_5_4_3_container {
    clear: none;
    float: left;
    width: 30%;
    }
    #input_5_4_1_container {
    width: 30%;
    float: left;
    }
    Posted 12 years ago on Thursday April 5, 2012 | Permalink
  3. Thanks for your response.

    So I think I actually prefer the first solution of creating separate fields, so I've gone ahead and done that.

    Only issue now is that for the zip code field I'd like to limit the # of characters to 5 digits, and I can't seem to do that with the "number" field. Is there a way to do this?

    Posted 12 years ago on Thursday April 5, 2012 | Permalink
  4. I'd just stick with a good ol fashioned single line text field for the zip.

    Posted 12 years ago on Thursday April 5, 2012 | Permalink