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

  • Profile Image
    CheapAlice
    Asked on April 11, 2018 at 06: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.5ace7

     

  • Profile Image
    Jed_C
    Answered on April 11, 2018 at 07: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.png

    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. 

  • Profile Image
    CheapAlice
    Answered on April 11, 2018 at 08: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

  • Profile Image
    Jed_C
    Answered on April 11, 2018 at 08: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.