-
CheapAliceAsked 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:
-
Jed_CReplied 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:
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.
-
CheapAliceReplied 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_CReplied 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.