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.

Two text boxes side by side

  1. I'm trying to create a two text input boxes side by side. similar to how The Address field does city and state side by side.

    I want to create one label field for both text boxes. but each box have a description underneath it to help the user fill it out.

    Is this possible? I tried doing two text input boxes and using CSS to style it but having issues since they're both in different < li > elements. Thanks.

    Here's a screenshot of what i'd like to accomplish. http://ScrnSht.com/vyjzar

    Posted 8 years ago on Thursday October 27, 2011 | Permalink
  2. Please post a link to your form. We can help you with the CSS to make this happen.

    Posted 8 years ago on Friday October 28, 2011 | Permalink
  3. If you're using the 1.6RC version, you can get pretty close using one of the new list fields.

    Set it up for multiple columns with a max of one row and you're 99% there. Then you can tweak the styles a bit to get closer to what you're looking for.

    screenshot: http://bit.ly/sQyCdd

    screenshot: http://bit.ly/skYqsJ

    the final 1.6 release is scheduled for the first of next week but you can grab the latest stable release candidate from the downloads page and use that now if you'd like.

    Posted 8 years ago on Friday October 28, 2011 | Permalink
  4. Thanks the 1.6 release helped a lot and it looks great as well!

    I was able to figure out the solution using a List with 1 row and 2 columns. Styled it with CSS for the victory.

    Had a follow up question re: Lists. When I created this list with 1 row and 2 columns I noticed there was a third table cell with the class 'gfield_list_icons'. I had to do some CSS to display:none the cell so my formatting worked properly. Is there a way to disable it? Or what is it there, how can i take advantage of that space. Thanks

    Posted 8 years ago on Wednesday November 2, 2011 | Permalink
  5. Good catch. That < td > exists for the icons to add new rows.. if you set it to a maximum of one row, it really isn't necessary. I'll see if we can get that on the update list for the next release.

    Posted 8 years ago on Thursday November 3, 2011 | Permalink
  6. This was updated and the fix should be in the current 1.6.1 release.

    Posted 8 years ago on Thursday November 10, 2011 | Permalink

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