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

Question

Question

number field, in collection right aligned

Forms Version 10 Web Customizations
Updated August 2, 2017
asked on August 2, 2017 • Show version history

I need to get this column right aligned, but can't seem to get it right.  It is in a collection field.  I got the total field to right align, but not the one inside the collection.

I used the following CSS as per instructions in the Help files for when it is a field within a collection:

What will make this work?

 

0 0

Answer

SELECTED ANSWER
replied on August 2, 2017 • Show version history

Two things,

  1. Add quotes around the id value
  2. Remove the parentheses part (the parentheses value refers to a specific row)

 

Like so,

input[id^="Field113"] {text-align: right;}

 

1 0
replied on August 2, 2017

Perfect!  Thank you!

Could you answer one more?  How can I get the Total field aligned up directly underneath the collection field it is totalling?  :)

0 0
replied on August 2, 2017

Based on your screenshot, it looks like you just need to increase the right padding or margin on that field, but I'm not sure what styling you've already applied.

Note that you're going to get different results depending on whether you apply the style to the whole row (the "form-q" wrapper), or just the field.

1 0
replied on August 2, 2017

Thanks, Jason!  I researched what that would look like (padding) and gave it a try and was able to make it work! 

#q133 .cf-field {padding-right: 60px;}
#q133 .cf-label {padding-right: 60px;}

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 ...