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

    How do I have a floating price total fixed to the top right corner of the screen?

    Asked by CrispCuts on November 22, 2016 at 09:45 PM

    Hi, I've followed your instructions from a previous thread (https://www.jotform.com/answers/515339)

    So I have created a Form Calculation Field and got it fixed at the bottom right of the screen, but I have 2 problems:

    1) I want it to be fixed at the top right of the screen

    2) I want it to be a lot smaller

    Please advise thanks

    top right how a
  • Profile Image
    JotForm Support

    Answered by BJoanna on November 23, 2016 at 02:16 AM

    Is this the form you are working on https://www.jotform.com/62865356406361?

    To fix Form Calculation field to the top of the screen change bottom to top inside of CSS code that you have added to your form. Your CSS code should look like this:

    #input_91 {

        position : fixed;

        right : 10px;

        top : 20px;

    }

    To make it smaller add this CSS code:

    #input_91 {

        width: 30px!important;

     

    }

    How to Inject Custom CSS Codes

     

    Here is my demo form: https://form.jotform.com/63271153730954 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by CrispCuts on November 23, 2016 at 06:46 PM

    Thank you very much for your answer.  

    I can live with that, but I have two further questions if I may?

    1) I can't seem to find the code for the floating total when I go into Designer on your clone form?

    2) I is possible to have an image float there?  Something like this is what I have in mind, but because the text would have to update then it would have to be a picture immediately next to a text box both the same colour?

  • Profile Image
    JotForm Support

    Answered by BJoanna on November 23, 2016 at 09:51 PM

    Here is the code inside of Form Designer CSS.

    Will something like this work?

    Here is my new demo form: https://form.jotform.com/63277778672978? 

    To achieve this I have cropped shopping cart from image that you provided and I have added image field to my form. Then I have positioned that image to be in-front of total box and I have changed background color of Total field and I have changed color of text.

    Feel free to clone my form.

     

    Hope this will help. Let us know if you need further assistance.