What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    "Show Total" on position

    Asked by beautifulcanvas on September 01, 2013 at 08:04 PM

    is there a way to move "Total £0.00 GBP" to the bottom and center of product list (form example http://form.jotformeu.com/form/23526927539363 ) as if it were on a new line ?

    show total product move jotformeu
  • Profile Image
    JotForm Support

    Answered by jonathan on September 01, 2013 at 09:01 PM

    Hi,

    You can re-position the "Total" using CSS code like this

    .form-payment-total{position:relative;top:50px;}

    Try to adjust the "top" number according to your preference.

    I tried the 50px and the result is like this

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on September 01, 2013 at 10:54 PM

    @beautifulcanvas

    If you wish the "Total" element to be centered below both columns of products, like in this clone, add the following rules to your originally injected CSS:

    .form-payment-total {
    position: relative;
    width: 200px;
    top: 100px;
    left: -100px;
    }

    .form-product-item:hover,
    .form-line-active
    .form-payment-total,
    .form-line-error
    .form-payment-total {
    color: #FFF;
    }

    #id_8, #id_9 {
    margin-top: 70px;
    }

    You'll also notice that the highlighting on focused inputs has been disabled in the clone:


    This prevents the product names from vanishing when they are hovered over and the payment field has the focus.

  • Profile Image

    Answered by beautifulcanvas on September 02, 2013 at 04:35 AM

    thank you all done,

  • Profile Image

    Answered by gori-mathew on September 02, 2013 at 05:05 AM

    You are welcome, do let us know if you need further assistance.

    Regards.