How fix purchase order total appearing off to the right

  • Profile Image
    bdoodle
    Asked on August 14, 2019 at 10:46 AM

    Without me having made any changes, all my purchase order forms are now showing the total price way off to the right.  I tried to find some erroneous CSS, but was unable to find anything.  Please tell me out to fix this.

    Thanks

    1565793856Jotform_FS_TotalAskew.JPG


  • Profile Image
    BJoanna
    Answered on August 14, 2019 at 12:21 PM

    Please add the following CSS code to resolve the issue:

    .form-payment-total {

        max-width: 335px!important;

    }

    1565799674price.PNG

  • Profile Image
    bdoodle
    Answered on August 14, 2019 at 01:10 PM

     Thank you.  I will add this code to all my orders.  Will everyone else who has created a purchase order have to do the same?  It seems odd that I have to add code to get the total to appear in a logical place.  Do I have other code or specifications that makes this necessary?

  • Profile Image
    KrisLei
    Answered on August 14, 2019 at 02:45 PM

    Hi,

    CSS codes are used to customize the forms to meet the user's specific needs or requirements. For example, on your form, the alignment for the 'Total' field doesn't sync exactly with the column because of the payment widget's default spacing. We need to inject CSS codes on those occasions to manipulate the fields or the form's features.

    Do I have other code or specifications that makes this necessary?

    There are a lot of CSS Codes or combinations of codes that can manipulate the form's field's positioning, color, the entire form width, label's positioning, etc. The properties and features of widgets and fields are limited, so if a user wants something that is not on the presets then we can inject CSS codes to make it possible.

    Here's a guide that you may need: https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

    I hope this helps, let us know if you need further assistance.

  • Profile Image
    bdoodle
    Answered on August 14, 2019 at 07:16 PM

    I know what CSS does and use it often.  What I was wondering is why the normal position of the total price in a purchase order widget would suddenly be off to the right... especially when it was NOT off to the right for the first several years of my forms' operation.


  • Profile Image
    roneet
    Answered on August 14, 2019 at 10:00 PM

    Actually, the total on the Form is designed to be on the right bottom of the payment field. So that once you decrease or increase the width of the Form it would always be shown on the bottom right of the payment widget.

    I have decreased the width of the Form and it shows correctly:

    15658341971.PNG

    Since you have increased the width of your Form so it still shows at the bottom right of the payment field. It needs some CSS injection to align the total based on your requirement.

    Let us know if you have further questions.

    Thanks.

  • Profile Image
    bdoodle
    Answered on August 15, 2019 at 05:09 AM

     Okay.  Fair enough.  Thank you for explaining that to me.  I appreciate your responsiveness.  I still don't understand why it started to happen years after implementing the forms without my making a change, but....  Cheers!

  • Profile Image
    BJoanna
    Answered on August 15, 2019 at 06:14 AM

    If you did not make any change, then there was most likely some update on our end that caused this issue. 

    Feel free to contact us if you have any other issues or question. 

  • Profile Image
    bdoodle
    Answered on August 15, 2019 at 07:59 AM

     Thank you.