Question

currency formating in forms

Forms

Updated May 24, 2021

asked on May 24, 2021 • Show version history

Happy Day!!

I have a form (Laserfiche Forms Professional Version 10.4.3.216) with a lot of calculations and would like to put the totals all on the same line. When I do the $ does not align with the values:

I'm using the threeperline css:

/* Displays three fields per line */
.ThreePerLine {display: inline-block; width: 33%;}
.ThreePerLine .cf-small {width:100%;}

It doesn't matter how long or short the label is either...

They align fine when not using the .ThreePerLine...

Thanks for any ideas to try :)

0 0

Answer

SELECTED ANSWER

replied on May 24, 2021

Try reducing your width 100% to 90-95%. I think your 100% width is telling the input to take up the entire third, but the $ sign is pushing the input to the next line. If you reduce 100 to 90-95, it will still have room for the $.

0 0

Replies

replied on May 24, 2021 • Show version history

Hello Sue,

I went ahead and tried the following for a rough implementation of what you're looking for. Please feel free to polish it as you see fit.

.ThreePerLine{
  display: inline-block;
  width: 33%;
}

.ThreePerLine .cf-field {
  display: block;
}

.ThreePerLine .margin-end {
  display: inline-block;
}

0 0

replied on May 24, 2021

Thank you both for your quick responses!! I went ahead and just reduced the field to 95% and that worked perfectly!

Thanks again! Have a great day!!

0 0

You are not allowed to follow up in this post.

Question

Question

currency formating in forms

Answer

Replies

Sign in to reply to this post.