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

    Page number (to indicate progress) and alignments.

    Asked by zubeida on August 04, 2015 at 09:24 AM

    Hi, 

    I would like to ask for some help with some parts of the formatting of my form. I have ran out of idea of what I should do as I have very limited knowledge in html etc.

    1) I would like to know if there is a way to remove the box (along with the box line and its background colour for the textbook where I have indicated 'page 2 of 13'. I intend to have as my progress meter for every page, however I can't seem to find a way to remove the box line and its background colour. 

    2)Is there a way to move the selection of 'others' (as seen in q5) to be in the same line as the other options (Malay, Chinese, Indian) as in the actual form, there is still some space in it. However, I also can't seem to adjust it too.

     

    Looking forward to your reply. Am Genuinely grateful that such forum and the very helpful jotform team exist :) 

    Page URL:
    http://form.jotform.co/form/51928449774875?

    Screenshot
    and alignments page number JotForm malay Selection find
  • Profile Image

    Answered by zubeida on August 04, 2015 at 10:37 AM

    Also, similarly for question 6, how can I move the option 'other' into the line above so that all selections will be on the same line.

    Thank you. 

  • Profile Image

    Answered by Shadae on August 04, 2015 at 12:32 PM

    Hi zubeida,

    As you have created formatting for all of your text field, it was also applied on your "Page 2 of 13" field

    As such you would need to inject CSS code specific to that field to have the formatting removed.

    Please inject the following CSS code to remove the border and background for that specific text field:

    #text_212 {

        border : none;

        background: none;

    }

    I have move your second question to a different thread to ensure both issue are addressed completely: http://www.jotform.com/answers/628268 

    Your additional question will be addressed shortly.

    Please inform us if you need further assistance.

  • Profile Image

    Answered by zubeida on August 04, 2015 at 08:04 PM

    Thanks Shadae! 

    Also if I would like to have the textbox (to indicate progress) customize as such for all the pages, is there a way where i can set it in a single CSS code? Or will I have to insert the command individually for all textbox?

     

    Thanks!

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 04, 2015 at 11:50 PM

    Hi,

     

    You can try to use the Progress Bar widget. This will show a progress bar at the top of your page based on your fields. You can check my cloned form where I have added a Progress Bar widget to your form -  http://www.jotformpro.com/form/52158904198968. You can add Progress Bar to your form just by following the instructions provided in the demo below.

     

     

    Do let us know if you need further assistance.

     

    Regards.

  • Profile Image

    Answered by zubeida on August 05, 2015 at 08:20 AM

    Thank you for the suggestion Chriistian.

    That's a good idea too!

  • Profile Image

    Answered by Shadae on August 05, 2015 at 08:25 AM

    Hi zubeida,

    We are happy to hear that this is a suitable option for you.

    Please feel free to contact us if you need further assistance.

    Thank you