Copying a field without redo of the styling

  • garymichael
    Asked on April 6, 2017 at 12:50 PM

    Hi, I saw the response on how to copy a field and still keeping the styling.  But I don't create the styling in the main screen, I use the advanced designer screen.  And you can't create fields in there, you have to go back and copy the field.  But when you do, you can't use the css editor on the main screen.  You understand what I mean?

    Is there a workaround or a way to add the styling ... or copy a field without having to go back and forth?

  • Ashwin JotForm Support
    Replied on April 6, 2017 at 2:10 PM

    Hello garymichael,

    Unfortunately no. There is no automated way to copy a form field along with its custom css code.

    Please note that it is possible to access the inject custom css code within the form editor without going to "Advanced Designer". Please check the screenshot below:

    Copying a field without redo of the styling Image 1 Screenshot 20

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • garymichael
    Replied on April 6, 2017 at 3:45 PM
    Yeah I understand what you showed. I've just completed 3 other forms, but
    this is going to a beast :-) It's very long and before I started, I wanted
    to ask. No problem, thanks for taking time to answer. I'll use Liyam's
    response and use Chrome to identify the fields inspected, then paste into
    the form builder css instead of the designer. No matter the choice, I'll
    still have to create one line of fields the way I want anyhow. Thank you
    for responding so quickly, you guys' support is fabulous, I was almost
    headed to Typeform or Wufoo... ha. Teasin'
    See ya.
    ...
  • Ashwin JotForm Support
    Replied on April 6, 2017 at 3:56 PM

    Hello garymichael,

    Thank you for your nice words. I believe using Chrome's "Inspect Tool" feature to identify the target element will solve your problem. 

    Thank you!

  • garymichael
    Replied on April 7, 2017 at 4:45 PM
    ​​
    Hey, I have another question; please take a look at the Resident Survey
    form I'm working on now. On the second radio button selection row it
    starts with - Marital Status. I can't seem to get it to space out
    properly. *I noticed if it's a radio label (.form-radio-item), then they
    are connected and cannot be separated individually for styling!*
    Here's what I played around with:
    .form-radio-item label - the width does nothing
    .form-line (#id_25) - width does nothing either
    *Can you check it out see if you can space these horizontally!*
    ...
  • garymichael
    Replied on April 7, 2017 at 5:44 PM
    ​​
    Hey, I have another question; please take a look at the Resident Survey
    form I'm working on now. On the second radio button selection row it
    starts with - Marital Status. I can't seem to get it to space out
    properly. *I noticed if it's a radio label (.form-radio-item), then they
    are connected and cannot be separated individually for styling!*
    Here's what I played around with:
    .form-radio-item label - the width does nothing
    .form-line (#id_25) - width does nothing either
    *Can you check it out see if you can space these horizontally!*
    ...
  • Mike
    Replied on April 7, 2017 at 8:42 PM

    The spacing question seems to be addressed on this thread.

    If you need any further assistance, please let us know.