You are viewing limited content. For full access, please sign in.

Question

Question

collections with radio buttons, alignment

Updated August 10, 2017
asked on August 10, 2017

I have these 2 radio button objects (Relationship and Gender) on a collection that looks like this:

 

I am interested in getting them to be align beside each other, like this:

 

Here is the Inspector of these objects:

 

 

All the CSS code I have used has not worked.

0 0

Answer

SELECTED ANSWER
replied on August 10, 2017

I'm not sure what field numbers your radio button fields are, but this worked for me:

/* Display Fields Inline */
#q138, #q139 {display:inline-block;width:50%; vertical-align:top}


/* Format Collection Fields Appearance */
#q138 label {width: 50%;}
#q138 .cf-field {width: 150px;}
#q138 .cf-medium {width: 100%;}

#q139 label {width: 50%;}
#q139 .cf-field {width: 150px;}
#q139 .cf-medium {width: 100%;}

Replace the Field Numbers with your own.  You also may need to tinker with spacing a bit.

My CSS above produced this for me:

 

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...