Account Options

  1. Sign in
The old Google Groups will be going away soon.
Switch to the new Google Groups.
Google Groups Home
« Groups Home
Formtastic
Home
+ new post
About this group
Join this group
Two fields side by side
Options
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
   3 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Bernhard Leicher  
View profile  
 More options Mar 16 2010, 1:08 pm
From: Bernhard Leicher <bernhard.leic...@googlemail.com>
Date: Tue, 16 Mar 2010 10:08:45 -0700 (PDT)
Local: Tues, Mar 16 2010 1:08 pm
Subject: Two fields side by side
Print | Individual message | Show original | Report this message | Find messages by this author
Hi,

I would like to arrange some of my fields side by side, e.g. having
postal code and city next to each other:

street
postal code | city
country

Does anybody have a good idea on how to achieve this in a convenient
way?
I tried to apply "display:inline" on several elements per CSS, but
wasn't successful.

Thanks for any ideas, Bernhard


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Justin French  
View profile  
 More options Mar 16 2010, 8:11 pm
From: Justin French <jus...@indent.com.au>
Date: Wed, 17 Mar 2010 11:11:31 +1100
Local: Tues, Mar 16 2010 8:11 pm
Subject: Re: [formtastic] Two fields side by side
Print | Individual message | Show original | Report this message | Find messages by this author
There's no official way to do it (yet).  In the past, I've typically floated the li wrappers against each other (sort of like the date / time inputs do), or, more often, just left the inputs on two lines and moved on to more interesting problems.

Justin

On 17/03/2010, at 4:08 AM, Bernhard Leicher wrote:

---
Justin French
justin.fre...@indent.com.au
http://justinfrench.com

 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Jonathan Linowes  
View profile  
 More options Mar 16 2010, 10:14 pm
From: Jonathan Linowes <lino...@gmail.com>
Date: Tue, 16 Mar 2010 22:14:28 -0400
Local: Tues, Mar 16 2010 10:14 pm
Subject: Re: [formtastic] Two fields side by side
Print | Individual message | Show original | Report this message | Find messages by this author
there are ways to coerce it via css, for example you put the fields into a fieldset something like

    <% form.inputs :class => 'inline_fields' do %>
      <%= form.input :first_name, :label => 'First' %>
      <%= form.input :middle_name, :label => 'Middle' %>
      <%= form.input :last_name, :label => 'Last' %>
    <% end %>

then the css

form.formtastic fieldset.inline_fields  ol {
    margin-left: 25%;

}

form.formtastic fieldset.inline_fields  li {
    float: left;
    width: 100px;
    margin-right: 1em;

}

On Mar 16, 2010, at 1:08 PM, Bernhard Leicher wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2012 Google