Adding custom inputs to widgets

  • Profile Image
    Asked on February 17, 2018 at 07:47 AM

    Hi there,

    I'm still looking at Jotform for making our language test. However, I'd like to set up some custom widgets.

    My questions is: how do I create a widget which is editable later on?

    For instance when I ask the Google Analytics widgets it automatically ask for some simple fields.

    1518871525Schermafbeelding 2018-02-17 om

    The reason I'm asking is that I want to set up some "difficult" language questions. I'd like to set up the tech (how the grades are calculated) behind the curtains and add different languages/ variants and correct answers in the front-end of Jotform.

    Is there any way to achieve this?



  • Profile Image
    Answered on February 17, 2018 at 09:30 AM

    I don't fully get the question, but adding a field on our widgets is not possible. What you see in the widget options is the only thing you need to configure. Do you have any sample form that you can share here? We'd like to check. If nothing, I'd appreciate if you further explain the usage of the form.

    You've mentioned a calculation. We have a guide on that, link here The calculation widget can calculate the fields such as Single Choice, Multiple Choice, Dropdown, and Single Entry with numeric inputs. 

    I look forward to your reply.

  • Profile Image
    Answered on February 17, 2018 at 09:41 AM

    Hi Welvin,

    Let me try to clear that out.

    Let's say I have a typical language test question:

    [INPUT FIELD] is he really the financial manager? (to be - simple present)

    I [INPUT FIELD] worked [workt] hard and I am very tired.  (to work - present perfect)

    Where yellow and orange are given variables (context & to be conjugated). Blue is the correct answer and purple is an answer that is only partially correct.

    I want to set up a widget that, language-agnostically, allows me to develop these types of questions. So I'd like the widget to have a couple of input fields as displayed in the G'Analytics widget:

    - Correct answer

    - Question context

    - To be conjugated

    - 1/2 correct answers

    - 1/4 correct answers

    How would I achieve this with the API - I'm just looking to find how exactly these are inputted in the widget in the Jotform GUI.

    Hope that clears some things out!

  • Profile Image
    Answered on February 17, 2018 at 10:17 AM

    Thank you for the additional information.

    We have the following widgets that you can use to create a narrative form.

    This may work for you. If not, I would suggest setting that up as a basic field like the Single Option field. Then set it up using our Quiz App to show scores to test takers.

    Here's a demo form:

    Note that the form can also be configured by calculation. 1 for the correct answer, and 0 for the incorrect answer. 

    Here's another demo form for this calculation method:

  • Profile Image
    Answered on February 17, 2018 at 10:19 AM

    Hey Welvin,

    The thing I'm trying to do is unfortunately a little bit harder:

    I think I'm going to work with all custom widgets and some JS to do all the math and calculations. Jotform will provide me with scaleability, a great UI for my customer and the means to integrate data to virtually anywhere.

    Would you say this is the best way to go at it?

  • Profile Image
    Answered on February 17, 2018 at 10:57 AM

    The page you shared is almost blank. 

    That depends on how you want to configure the form. I've given you the simplest approach for the language test. But we have the resources for you to build your own widget. 

    If you need help with the API, let us know here or simply contact our API team at

  • Profile Image
    Answered on February 17, 2018 at 10:59 AM try the green "free language test" button

  • Profile Image
    Answered on February 17, 2018 at 11:25 AM

    I scored 68%, too bad the pictures are a bit hard to guess. lol

    Anyways, I don't think our Quiz App can do this. But the quiz app supports the textbox field. You may consider doing it this way or simply use my first suggestion with single option field.