Fixing up the Square payment amount field

I would like the amount field in the Square widget to be wider and show '$' prefix. Is that possible?

Also the 'AUD' suffix should have a space between the input field and itself.

Thanks

David

Please inject this CSS code to increase the width of that field:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

#input_92_donation{

    width: 50%;

}

On regards of showing "$" prefix, you need to also inject this CSS code:

#id_92 div > span.form-sub-label-container::before{

content: "$" !important;

font-size: 15px;

}

Result:

Let us know if you need more help.

Thank you - this helps. However I would prefer if the '$' was part of the number and right-justified like the rest of the fields. (I've tried to attach an image below, but if it doesn't work, you can see on the form. I'd like this field to look like the 'paying now' field.

Thanks

Unfortunately, it seems like there is no way to pass the dollar sign. I tried adding it in the conditional calculation, but it would not be passed to the payment field.

Thanks. What about right-justifying the number in the field, and making it grey so it looks readonly like the balance field?

:)

You can inject the following CSS codes below to achieve the requirements that you recently described.

input[id*="_donation"] {

    background: #D6EAF8 !important;

    text-align: right;

}

It should look like this after:

If you need any further assistance, please feel free to let us know.