How to position the calculated total on top of the form?

I see you can have the calculated total on top of the form (a text box calculation visible at all times regardless of form crop). How do you do this?

Hi,

I am assuming that you are referring to the PROGRESS BAR widget.

This widget will show the progress that the user has completed in the form. You may configure the widget to only calculate the require fields or all. You can place on top of the form or using CSS code place it in the middle or bottom of the page. And lastly you may change the theme of the progress bar as you like.

Please let us now if this helps

Regards

Thank you, that might also be useful. But what I need is to calculate the order total (i.e. the calculation values of form choices) on a field that would stick to the top/on top of the page...?

Just like this, http://www.jotformpro.com/form/52624689865977? If yes, you can simply inject the following custom CSS codes:

li#id_65 {

    position: fixed;

    top: 0;

    z-index: 1;

    background-color: #3FB2BD;

    color: #FFF;

    width: 645px;

}

You can remove the background color if you don't need it. I just put it there to highlight the calculation field.

Here's how to inject the custom CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. 

Also, you need to move the calculation on top, first field:

Thanks

That's it - thank you. I will look into it, as I'm not sure I need it after all. But very good to have the knowledge here!

You're welcome! :)

Feel free to let us know should you have further questions about this. Cheers!