Is it possible to add an input field for quantity boxes in "Text" element?

  • CheapAlice
    Asked on April 11, 2018 at 6:15 PM

    Hello,

    Is is possible to (and if so can you share the code) put HTML in the text box that will create 4 input boxes below an image that could be filled in by the user?

    I'm attaching a screen shot of what I am after ( only a box under each image)

    Here is what I put in the text box:

    RoadWages%20Package%20size%20icons Screenshot 10

     

    Jotform Thread 1441955 Screenshot
  • Jed_C
    Replied on April 11, 2018 at 7:31 PM

    You will need to use a "Number" field as the input field will not be displayed when you use the "Text" field.

    In my sample below, the "Number" field label was hidden using a CSS code and also the alignment was done with CSS https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Sample:

    1523489401input field Screenshot 10

    Also, you won't be able to capture the value if you add the input field in the "Text" element. Please see if my sample form here https://form.jotform.com/81007854869972 works for you.

    Looking forward for your response. 

  • CheapAlice
    Replied on April 11, 2018 at 8:05 PM

    This looks great only I think it is a regular form? My mistake but I forgot to mention that I am using this on the new Cards form. (I've been trying different stuff on the form below)

    https://form.jotform.com/80975352835971

  • Jed_C
    Replied on April 11, 2018 at 8:49 PM

    Currently, it is not possible to inject CSS in Jotform's Card layout. The workaround that I can give you is to use the image choice properties element and use the conditional rule to direct users to the number field for each selection.

    Please note that the card form will only display one element per page and currently there's is no widget or element that allows you to upload image and capture numbers at the same time. Both of these actions are done separately and the closest solution I can find is the sample I've made below.

    Here's a sample form https://form.jotform.com/81008358569969. Let us know if you have any questions.