Question

Help with Format

Forms

Updated November 21, 2019

asked on November 20, 2019

Hello, I clearly need to learn some css now that I am in the forms world. In the meantime, I would like to ask for some help in formatting my form. Below I have the native form and the output after submitted. What I would like to do is shift the "amount" to the right so it's not so tight with the description and use some of the white space that "Branch" and "GL Account" are using up. Also, would like to align the total "Amount" to line up under the amount column. If you could suggest the css to accomplish this, I would appreciate it.

img1.JPG (36.74 KB)

| Download

img2.JPG (28.38 KB)

| Download

0 0

Answer

SELECTED ANSWER

replied on November 21, 2019

I have attached some CSS which addresses the q2 field which is a total.

#q2{

  display: inline-block;
  width:49%;
	float: right;
}

This takes the total go to the right.

Also see this answers post for further help

https://answers.laserfiche.com/questions/128569/Using-CSS-to-get-two-fields-on-the-same-line

The Laserfiche Help files are very good for custom CSS also.

https://www.laserfiche.com/support/webhelp/Laserfiche/10/en-US/administration/#../Subsystems/Forms/Content/General/Laserfiche-Forms-Help.htm

1 0

replied on November 21, 2019

This helps allot, I appreciate it.

1 0

Replies

replied on November 20, 2019

In the table, you can set the % of each field, this will resize each field in the table.

You can then align the field to the right respectively.

0 0

replied on November 20, 2019

Yes, I have set those % and tried different options along with width size, as I have it now appears to be the closest I can get it. You mention I can align a field to the right? I dont see any option for that?

img1.JPG (37.05 KB)

| Download

0 0

replied on November 20, 2019

In order to right-align the field I believe you will need to use the CSS & Javascript section. I am no expert in CSS but I use w3Schools.com for help. Here is what I could find for that.

You can replace the ".right" with the class or id of the field you are looking to effect. On the CSS/JS page a preview of your form is shown containing the id and class for every field on your form.

0 0

You are not allowed to follow up in this post.

Question

Question

Help with Format

Answer

Replies

Sign in to reply to this post.