How do I get rid of the completion bar - it gets int he way when the form is being completed?

  • ReginaWebber
    Asked on August 18, 2017 at 12:37 AM

    The completion bar is troublesome and gets int he way when the form is being completed.  I would like to remove that bar altogether.

  • Nik_C
    Replied on August 18, 2017 at 2:12 AM

    Could you please tell us how the bar is interfering with the rest of the form? Since when I tested your form the bar was clearly separated.

    Is your form embedded in a website?

    Please let us know.

    Thank you!

  • ReginaWebber
    Replied on August 19, 2017 at 1:43 AM
    Yes, as you move on in completing the form some of the questions are longer
    making the box larger. When you try to use your mouse to press the green
    next buttton it hits the bar and causes the form to move forward then it
    difficult to get back to the right place on the form.
    It makes filling out the for
    Very troublesome.
    ...
  • Nik_C
    Replied on August 19, 2017 at 3:17 AM

    I understand you can remove the bar by inserting the below CSS to your Custom CSS field:

    div#cardProgress {
        display: none;
    }

    If you have any further questions please let us know.

    Thank you!

  • ReginaWebber
    Replied on August 20, 2017 at 10:43 PM
    Hi
    Unfortunately I do not have the option available to me to make that change
    as instructed on the link provided.
    ...
  • Nik_C
    Replied on August 21, 2017 at 1:23 AM

    You're absolutely right, I'm so sorry, it slipped my mind that new layout is not CSS customizable.

    If it works for you, you could switch your form's layout to a legacy mode which will make your form be on the one-page layout:

    How do I get rid of the completion bar it gets int he way when the form is being completed? Image 1 Screenshot 20

    Let us know if that could work for you.

    Thank you!

  • ReginaWebber
    Replied on August 29, 2017 at 4:43 PM
    Is there a number where I can call you or perhaps I can give you my number.
    I have been unable to resolve the problem
    ...
  • Kevin Support Team Lead
    Replied on August 29, 2017 at 6:30 PM

    Unfortunately, we do not provide phone support, but we will be more than happy to help you through this forum thread. 

    I can see you have two versions of your forms, one is a cloned version which does not have the new layout enabled: http://www.jotform.us/form/72405895341156 

    The progress bar does not appear there. 

    The other one has the new form layout enabled where you cannot inject some CSS code: http://www.jotform.us/form/72197300989163 

    I can see on the cloned version the progress bar does not appear anymore. 

    However, may you please indicate us on which of the forms you need to get rid of the bar?

    I have already cleared your forms cache as well so the latest version of them is loaded, could you please check and let us know if you can still see the bar? 

    If possible, please also provide us a screenshot about it, this guide will help you doing so: How-to-Post-Screenshots-to-Our-Support-Forum

    We will wait for your response.