When duplicate items, format is not duplicated

  • Profile Image
    Asked on February 05, 2018 at 09:55 PM

    Please see  form 80357826484163

    When I tried to duplicate the  following:

    Team                               League

    member                          Gender                       DOB

    They all become their own rows, as if they all not set "Shrink ON".  I'll have to go into CSS to edit them.  I have to duplicate this 10 sets of the same entries.  This will be really time consuming. 

    Please advise. 

  • Profile Image
    Answered on February 06, 2018 at 03:00 AM

    You customized all of your form fields with the CSS. Because of that duplicated fields to not look exactly the same as existing fields. You will have to apply the same CSS codes to your new fields if you want to position them the same way as old fields. 

    Maybe you can use Configurable list widget:

    How to Set Up the Configurable List Widget

  • Profile Image
    Answered on February 06, 2018 at 09:12 AM

    Hi,  the whole reason I do custom is that the field always to go the next line even when the field is very small - such as the dob and gender. 

    I just inserted the mem3, mem4, mem5 to test again. They all have short width, all set to shrink on, disable moving to new line. They all are in new line until I have to insert custom css. 

  • Profile Image
    Answered on February 06, 2018 at 09:42 AM

    As already mentioned by our colleague, the fields are customized with the CSS code using their field IDs. So, the respective fields can only be applied with the changes. When the fields are duplicated, they'll be assigned with different field IDs and it is required to add these field IDs to the CSS code in order to apply the changes. 

    Thank you!

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

    I am sorry that I did not make my points clear.  I fully understand the issue stamped from the fact I customized them. 

    However, the point i was trying to make is that : 

    Customizing them is not my choice until i could not make them to stay on the same line despite of the fact that I have done the following with the default properties setup via your GUI: 

    - enable shrink

    - disable "move to new line"

    - make the field with VERY small in the default properties setup. 

    I did all these 3 ways via your default properties setup. I did not add those into custom CSS.  Since these actions are not working, I resorted to the custom css. 

    I guess the proper way to ask this question is that : 

    - is there a way to keep them on the same line without going thru the custom css. 


  • Profile Image
    Answered on February 06, 2018 at 11:16 AM

    You are unable to position the fields on your form only with the Shrink option because of the From Theme that you are using. The theme has built-in CSS codes that are setting the fixed width of the form fields and Theme CSS can be overridden only with additional CSS codes.

    If you change the Theme to default you should be able to position the fields only with Shrink field option. 

    I would suggest you to clone your form or create a new form and test the Shrink option with the default Theme. 

    How to Position Fields in JotForm