how i can add counter to my forms?

  • Profile Image
    mostlolo
    Asked on November 27, 2010 at 03:33 AM
  • Profile Image
    aytekin
    Answered on November 28, 2010 at 05:07 AM

    JotForm does not have a counter feature. However, you can probably add one from a service like TheCounter.

  • Profile Image
    interknecht
    Answered on May 12, 2011 at 04:25 PM

    The ability to have a counter show on forms is becoming a necessity for my business in which consumers need to see how close the number of submissions are to attaining a goal. I would thing that developing this widget would be fairly easy and it would be extremely helpful!

  • Profile Image
    NeilVicente
    Answered on May 12, 2011 at 05:37 PM

    @interknecht

    I have submitted a ticket for your request. This will be taken a look at by our development team. We will notify you of any updates regarding this issue. However, we cannot give a lead time as to when this will be implemented or if it will be implemented at all.

    In the meantime, I can suggest a workaround to you. This involves inserting a Unique ID field into your form, creating an html table report and then displaying that report inside your form using the Free Text HTML tool.

    To see this in action, take a look at this example form.

    If you are interested with that workaround, let me know so I can give you the instructions on how to achieve that effect. I will await your response. Thank you.


    Neil

  • Profile Image
    interknecht
    Answered on May 12, 2011 at 11:49 PM

    Thanks Neil! I appreciate the attention to this. I am interested in the workaround you mentioned so if you can post the instructions it would be appreciated! Hopefully at some point this will be a standard feature.

  • Profile Image
    NeilVicente
    Answered on May 13, 2011 at 12:38 AM

    Hi,

    To achieve what I did:

    1.  Drag the unique ID button into your form. It is under the Power Tools section.

    2.  Name the Unique ID to whatever you like. In my sample form, I named it 'Products Submitted'


    3.  Next step is to create an html table report for your form. Watch this short screencast to learn how to do that. Note: Check only the Unique ID field in the second screen of the Reports Wizard because that's the only field we want to show in our form. Also, copy the whole iframe embed code of the report in the 3rd screen, not just the url.

    4.  In your form, add a Free Text (HTML) field to your form. It can be found under the Power Tools section.

    5.  Click on the Free Text field, then click the HTML button in the toolbar so a textarea will appear.

    6.  Paste the iframe codes you got form step 3 into the html textarea.

    7.  Copy and paste these codes

    <div style="width: 100%; height: 100%; top: 0px; left: 0pt; position: absolute; z-index: 100;"></div>

    right before the codes you pasted from step 6. Click OK then save your Form.

    Hope these instructions won't confuse you. Let me know if you get lost along the way. We'll be more than glad to assist you.


    Neil

  • Profile Image
    interknecht
    Answered on May 13, 2011 at 12:41 AM

    Thanks! I will give this a try and let you know if I get stuck.