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

Question

Question

Field descriptions side by side with the input field

asked on December 4, 2014

How would I make it so that all my Field Descriptions for all input fields are placed to the left instead of on top?

0 0

Answer

SELECTED ANSWER
replied on December 19, 2014

You can apply CSS to the fields in the collection so that they take up less space on the form. Here is how:

 

  1.        First set the label alignment for the form to “Top”. I think this was already set on the form that was shown.

 

  1.        Apply a CSS class to each field in the collection. In this example, I used “makeitso”.

 

  1.        On the CSS and JavaScript tab of the form designer, add these lines of CSS:

.makeitso > .cf-label {width: 20%;}

.makeitso > .cf-field {width: 75%;}

0 0

Replies

replied on December 4, 2014

Which products do you refer to? Forms?

0 0
replied on December 4, 2014

Yes, Forms.

0 0
replied on December 4, 2014

The description you refer to is the text you configure in "Text above field"? Can you show me a screenshot of the field description you refer to?

0 0
replied on December 9, 2014

I'm actually referring to 'Field Labels' with the interest in saving space.  See 2 screenshots below.

 

DESIRED

CURRENT

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

Sign in to reply to this post.