Question

Alignment of fields in Forms

Forms

Updated August 1, 2014

asked on July 25, 2014

When you add a field to a form, it defaults to being placed on the left side of the form. I would like to move the field to the right side of the form. The use case involves aligning a Subtotal, Shipping Amount, Total (currency fields) with an Item total field in a table that is on the right side of the form. How can I "right justify" the field on the form? I am not talking about right justifying the text within the field.

0 0

Answer

APPROVED ANSWER

replied on July 28, 2014 • Show version history

Hi Mark,

Try using the float option on the field, like so:

#q15 {
  float: right;
}

This should align the field and its label to the right side of the form. It's only meant to get you started though; you may need to do additional modifications to resize and align the label, for example.

4 0

Replies

replied on July 25, 2014

Hey Mark,

To modify the appearance of a form's field, you'll need to work with the form's CSS. We have a bit of documentation on this in the help files. Hopefully this is enough to help you get started, but if you have additional questions, feel free to leave them here and I'll get back to you!

0 0

replied on July 25, 2014

I looked at the Help files and did not see any CSS commands to move a field to the right side of a form.

0 0

replied on July 25, 2014

The documentation is intended to help you get started with applying custom CSS to fields in your Form and provide some of the more common modifications, not to be a comprehensive documentation on writing CSS. CSS has a variety of ways to position an element, so there isn't a one-size-fits-all solution here.

That said, if someone has already done something like this, they may be willing to share their code snippet.

To get started on writing your own CSS, W3 schools tutorials has pages on positioning, floating, and alignment, or you could try Learn CSS Layout for a page that's a little more user-friendly. If you're having issues with your CSS, you could post your code and see if anyone has input.

0 0

APPROVED ANSWER

replied on July 28, 2014 • Show version history

Hi Mark,

Try using the float option on the field, like so:

#q15 {
  float: right;
}

4 0

replied on August 1, 2014

Hi Mark,

If your question has been answered, please let us know by clicking the "This answered my question" button on the response.

If you still need assistance with this matter, just update this thread. Thanks!

0 0

You are not allowed to follow up in this post.

Question

Question

Alignment of fields in Forms

Answer

Replies

Sign in to reply to this post.