What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Is it possible to create forms where input components can be duplicated or customized?

    Asked by The_Mighty_Optiq on February 11, 2015 at 05:49 PM

    I'm not sure if my question really conveys what I'm trying to ask so let me explain further.  In a form I'm building I'd like to have a section where the user can fill out a "personality profile" regarding the different types of customers they serve and be able to "add new profile" to fill out as many as they need for each personality type.  It would just be duplicating the "profile" components I use with the same options.  Is it possible to do this on here?  Thanks in advance.

    create forms customized duplicate fields iframe embed field group
  • Profile Image

    Answered by Shadae on February 11, 2015 at 07:32 PM

    Hi The_Mighty_Optig,

    To confirm, you would like to be able to add an extra set of the same fields?

    If that is the case, you use our Configurable List Widget which allows you to add a set of fields and allows your users to add additional rows.

    I hope this helps, please inform us if you need further assistance.

    Thank you.

  • Profile Image

    Answered by The_Mighty_Optiq on February 11, 2015 at 09:22 PM

    hmmm.... thanks.. that looks like it might work.  I'll read more about it and play with it before asking anything else. :)

  • Profile Image
    JotForm Support

    Answered by Charlie on February 11, 2015 at 10:43 PM

    Glad that colleague's suggestion could be a possible solution. Do let us know if you need more assistance on this. Or if you have other concerns, please do not hesitate to open up a new thread here in the forum, we'll be more than to help.

    Thank you.

  • Profile Image

    Answered by The_Mighty_Optiq on February 13, 2015 at 07:17 PM

    Actually now that I opened it up to look at how to use it, it does something different than what I was expecting, but maybe it can still be done some other kind of way.  Let me elaborate more on what I'm doing to give you guys a better feel for what I'm attempting to do.  Sorry for the mixup.

     

    The area I'm building into my questionnaire for my clients to create the "personality profiles" will consist of multiple elements.  So far I have 13 questions I'll be using word boxes for and about 30 input sliders for them to rate certain things on a scale of 1-100.  There will also be a few things with radio buttons or check boxes, haven't decided yet, but all in all that section will consist of multiple types of widgets.

    All the questions and options I'll have available in that section will only apply to one type of customer/client to put them under a microscope rather than all their customers/clients in general.  So I wanted to know if there was a way I could group that section together somehow so they can create as many profiles as they need to cover each of the main types of people they cater to.  The tool you gave me seems to just make rows of input boxes... but I also see where you can configure the fields and add CSS to it, so there may still be a way to use it for that if I can just tell it to configure the widgets I want in the order I want them.  Is that still possible or do we need to go with something different?  Thanks again :)

  • Profile Image

    Answered by Shadae on February 13, 2015 at 09:41 PM

    Hi The_Mighty_Optiq,

    The configurable list widget allows you to have various fields in a row. You can choose to have a text fields, drop down fields, check box fields and/or radio button fields. Unfortunately it is not possible to use other widgets within this widget.

    You can however duplicate the fields and use conditions to hide them until your user chooses to add additional profiles

    http://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic 

     http://www.jotform.com/help/297-Show-or-Hide-multiple-fields-at-once-using-form-collapse-tool 

    I hope this helps, please inform us if you need further assistance.

  • Profile Image

    Answered by The_Mighty_Optiq on February 14, 2015 at 12:58 AM

    yeah idk...  I was worried that if I have around 35 individual widgets duplicated and hidden 5+ times it would make the form bulky n take up a lot of extra data and bandwidth.... hmmmmm....

  • Profile Image

    Answered by Sean on February 14, 2015 at 11:24 AM

    This is correct. More fields you have in the form will require more bandwidth to load. Base on my checks, the configurable list would be the best option in this situation. Like my colleague mentioned, you are not able to add widgets to this field but you have text boxes, drop down menu among other fields available. Which widget is it that you would like to use in the form? Maybe we can come up with a workaround that you can possibly explore. Do let us know.


    Cheers!

  • Profile Image

    Answered by The_Mighty_Optiq on February 14, 2015 at 05:51 PM

    I originally wanted to use some knob/faders in that section, but I've been thinking about how to do it using the text areas and selections.  I want for them to be able to select a range to represent how much of an emphasis something is.

     

    For example, one of the questions I ask is "on a scale of 1-10 how much do you cater to these aspects of this customer's life?"  Then I have a list with things like "professional reputation, social reputation, health, business, personal comfort, etc. etc." and for each one I want them to be able to select between 1-10 how much of an emphasis they have on each of those sides of their life.

     

    As far as the other questions that shouldn't be a problem because those are just text boxes with a question above them.  The only thing I'm curious about is if it's possible for me to have all those questions one after another vertically... which creates different rows... but still have the entire thing duplicate when they click "add a customer"..... otherwise so far it appears like EVERYTHING would have to be on one row... but I'm sure that can be fixed with a little CSS magic.

  • Profile Image

    Answered by The_Mighty_Optiq on February 14, 2015 at 06:31 PM

    ok yeah this is pushing me to do everything on one row....  is there a way where I can make one row like 1000px tall and set the columns to all align on top of one another and just use the "position" attribute in css to bump the boxes down?

  • Profile Image

    Answered by Sean on February 14, 2015 at 10:51 PM

    Thank you for your detail response. I understand that you would like to use sliders as a way for your form users to select a desirable number between 1-10 for your different options but, if you use the configurable list this would make your work a lot easier since there would not be any need to add show/hide conditions for each of the rows you would like to create. You could use the drop down menu as a field for the users to select their desired topic and corresponding number in the scale in the configurable list. 

    Take a look at this demo form, for example:
    http://form.jotformpro.com/form/50448718005958

    I just added the fields you mentioned above. If this is not going to work for you, you can explore the option you mentioned. If you would like to increase the width of your form to support all the fields that within a single row, I would recommend following the screenshot below.



    Or you can inject the following CSS

    .form-all
    {
    width:1000px !important;
    }

    I hope this helps. Feel free to contact us if further support is needed.


    Cheers!

  • Profile Image

    Answered by The_Mighty_Optiq on February 15, 2015 at 02:53 AM

    thanks!!!... but this is actually more along the lines of what I'm going for...

    http://form.jotform.us/form/50451209739153?

     

    The only thing with this... is if you go down to the bottom you'll see how the dropdown boxes are waaay away from their respective titles... I tried ".col > dropdown" to manipulate it but nothing worked.  Then if you click the add button you'll see it only duplicates the dropdown boxes and the gap in between...  it doesn't duplicate the 4 questions as well, which is what I want it to do. Do you guys know of a way to make it work?

  • Profile Image

    Answered by Ben on February 15, 2015 at 05:18 AM

    The reason why the dropdowns are so far at the bottom are the 5 fields that are before them, but due to their CSS style they are not showing up so it seems as if there is only white space there.

    Now looking at the entire thread, there are two options:

    1. using the configurable list as already mentioned and if you need help breaking it up at certain fields (to have the fields go into new row), just let us know and we can help you with the right CSS for that.

    2. this option is not as good as configurable list, since it would not allow you to take unlimited number of entries, but it would allow you to use sliders and other widgets. To achieve this, you create a single jotform that has all the widgets and fields that you need and then import it over multiple Iframe Embed widgets.

    You could set up conditions to show the next iframe widget based on the users selection.

  • Profile Image

    Answered by The_Mighty_Optiq on February 15, 2015 at 02:24 PM

    I actually decided to go with option 1 and just use the dropdowns instead of the sliders.  Besides that if I create other forms and embed them then they'll be submitting 2-3 forms just to submit this one, so I decided against that route.  but do you see what I'm going for as far as using the widget in the way I attempted to modify it?

  • Profile Image

    Answered by Shadae on February 15, 2015 at 03:42 PM

    Hi The_Mighty_Optiq,

    Yes, I am able to see what it is that you are trying to achieve with the Configurable List Widget. To have it working exactly as need the widget would need a specific Custom CSS code.

    If you would like assistance with the right code, please create your form and setup your configurable list widget. You can then create a new thread and we would be happy to assist you.

    Thank you.

  • Profile Image

    Answered by The_Mighty_Optiq on February 16, 2015 at 09:08 PM

    ok sounds good. thanks :)

  • Profile Image
    JotForm Support

    Answered by Charlie on February 16, 2015 at 10:25 PM

    In behalf of my colleague's that helped, you're welcome.

    As my colleague mentioned, please do not hesitate to open up a new thread if you need any assistance again.

    Thank you.