Page number (to indicate progress) and alignments.

  • zubeida
    Asked on August 4, 2015 at 9: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 :) 

    Jotform Thread 627856 Screenshot
  • zubeida
    Replied on August 4, 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. 

    Page number (to indicate progress) and alignments Screenshot 20

  • zubeida
    Replied on August 4, 2015 at 8: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!

  • Chriistian Jotform Support
    Replied on August 4, 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.

     

    Page number (to indicate progress) and alignments Screenshot 20

     

    Do let us know if you need further assistance.

     

    Regards.

  • zubeida
    Replied on August 5, 2015 at 8:20 AM

    Thank you for the suggestion Chriistian.

    That's a good idea too!