New Form Layout: I don't see any method for adding my own css code.

  • Profile Image
    AgilityAssoc.Canada
    Asked on December 17, 2017 at 09:56 PM

    Hi,

    I was just going to build a new form and was a bit taken back by the changes.

    1. Personalizing the form like I have before, fields background color, corner radius, customized checkbox s and radio buttons and much more, is that gone?.

    2. I don't see any method for adding my own css code any longer, is that gone?.

    3. All these "Last" "Next" buttons, is there a way to get around using them?

    4. Is there a way to get back to the previous form builder?

    5. I tried cloning a form and then editing it, that seams to be intact, will that change to?   

    Wait... I just found the option to go back, thank you, thank you.

    This new method is very difficult to work with when designing a form. I can't see whats there, the layout, what I might want to move, customizing a field and much more. 

    This may be a much easier format for many users and they will love it but it is not for everyone. I like to customize a lot and this will make me mad, that is unless you can show me how to use this to customize a form the way i like to.

    If you want to go ahead with this, please let us choose how we can build a form.

    Just a thought, create a poll.

    Best, Robert

  • Profile Image
    AgilityAssoc.Canada
    Answered on December 17, 2017 at 10:23 PM

     Just wanted to add one more thing, actually it is a bug with the older method. In the address field there is an option for creating your own drop down list for, in my case provinces.

    The custom drop down list is not showing up in the (State/Province) field, in old format, but works when using the new format.  

    You may want to add this to the fix list, although if you abandon the legacy method, I guess it doesn't matter.... Please Don't

    Robert

  • Profile Image
    tina
    Answered on December 18, 2017 at 04:26 AM

    Hello,

    As I understood you are experiencing our new layout now which provides to the users better user experience than legacy layout. The main concept of our new layout is being one question (field ) on each page. However, you can use some specific fields such as text box, number, email, dropdown fields together on the same page using "Multi-Line Question" field. The user can get around the questions using the Previous and Next buttons. Also, the users can be redirected to unsequenced questions based on their early answers using conditional logic.

    See also:

    Smart Forms Using Conditional Logic

    Personalizing the form like I have before, fields background color, corner radius, customized checkbox s and radio buttons and much more, is that gone?.

     I don't see any method for adding my own CSS code any longer, is that gone?.

    Injecting CSS to form is allowed only in the legacy layout. If you want to customize your forms with the new layout, you can use Form Designer as seen below.  

    1513588270hhhh.gif

     Is there a way to get back to the previous form builder?

    Yes, you can change the layout of your existing forms. 

    ->Go to FORM SETTINGS.

    ->Find "Form Layout" option.

    ->Select "All Questions in One Page" instead of "Single Question in One Page". 

    Please take a look at this gif:

    1513588374uuu.gif

    In the address field, there is an option for creating your own drop-down list for, in my case provinces.

    The custom drop-down list is not showing up in the (State/Province) field, in the old format, but works when using the new format.  

    Thank you for informing us. We will investigate if there is a bug or not as soon as possible.

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

  • Profile Image
    AgilityAssoc.Canada
    Answered on December 18, 2017 at 12:42 PM

    Hi,

    Thank you for the detailed information. The only question I have is, when will the legacy builder be terminated. I for one will be very disappointed. I'm going to create a test form with both systems and have my users test it as a poll. 

    I have already received feed back from users when i add too many steps to a form. One in particular is 52745887899988. I had a two page setup with instructions on page 1 and the form on page two. I got a lot of flack over that, the users don't want to be stepping through piece by piece, they may have 5 or 6 of these to do at a time and that will just make it slower and frustrate them. 

    In my opinion this is a step backwards, it just slows the process of making a form and using a form. 

    Injecting CSS to form is allowed only in the legacy layout. If you want to customize your forms with the new layout, you can use Form Designer as seen below.   This new form designer is not as versatile as the legacy. 

    I have been a user for a number of years with different accounts. If you follow this course I may have to look for an alternative. Although Google forms is limiting it can be modified with script to suit. 

    I have a good idea why you have made this change, because of support, legacy requires more support then this one ever will, so it is about the bottom line. That makes sense but there is a cost to users. I'm disappointed.

    I can only ask.... Please leave the legacy option open for some users. If you have no intention of doing this, let us select one page option at least.

    Regards, Robert

  • Profile Image
    Mike_G
    Answered on December 18, 2017 at 02:05 PM

    First of all, we would like to let you know that we value our users' opinion and we appreciate your feedback regarding these changes (new form layout). Rest assured that it is being considered. As for your question:

    The only question I have is, when will the legacy builder be terminated.

    There is no information about the termination of the Legacy layout but in my opinion, it will probably not be removed since there are lots of existing forms from different users that still depend on and prefer to use that layout. Another thing, I believe most, if not all, of the forms created in that layout, might encounter issues if they will be forced to switch to the new layout. And this is probably one of the reasons why the option to switch layouts is available for users who are using the traditional Legacy layout originally.

  • Profile Image
    AgilityAssoc.Canada
    Answered on December 18, 2017 at 05:04 PM

    Today I tried to clone an existing form to retain the legacy layout. It cloned it but made into the new layout. So now I have two forms, one in English and one in French with different appearances. That, to put it mildly, is most annoying. 

    Also because this not a form but a notice that I iframe into a form, it has a submit button which cannot be deleted. I had to make the background and text transparent.

    I converted one of my longer forms into the new layout and then filled it out. It makes all the text fields that highlight a section or explain what to do into separate pages. So now you have to go through 20 steps (pages) to fill out the form.... wow! (bite my tong)

    You Guys!...I hope you get a lot of negative feed back ... I really do.

    Robert

  • Profile Image
    Marvih
    Answered on December 18, 2017 at 06:35 PM

    We sincerely apologize for this inconvenience, to retain the Legacy Layout of your form by cloning please try this method instead. https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    You can also set your Form Layout to us the Legacy layout every time you create a new Form by going to your Account's Settings . Then select the "All Questions in One Page" in the Form Layout section.

    151364005091.png


    Hope this helps.  

  • Profile Image
    tina
    Answered on December 19, 2017 at 02:35 AM

    Your second question is split in order to assist you better. 

    You can follow up your other thread by clicking the link below:

    https://www.jotform.com/answers/1326858


  • Profile Image
    AgilityAssoc.Canada
    Answered on December 19, 2017 at 10:00 AM

    Hi,

    Re clone form:

    We sincerely apologize for this inconvenience, to retain the Legacy Layout of your form by cloning please try this method instead. https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Original:

    73455828008966

    After trying method above, the clone is using the new layout.

    73523781908969

    I tried clone existing,  the clone is using the new layout.

    73523956708971


    So how do I do it now?

    Regards Robert

  • Profile Image
    Mike_G
    Answered on December 19, 2017 at 11:36 AM

    If you try to clone a form that is in the new layout, then it will be in the new layout even if the Form Layout option in the settings section of your accounts page — https://www.jotform.com/myaccount/settings is set to "All Questions in One Page"

    If the Form Layout option of your account is set to "All Questions in One Page", then it will retain the layout of the form being cloned. However, if the Form Layout option is set to "Single Question in One Page", then the form being cloned will always be in that layout regardless of its original layout.

    To change the current layout of your existing forms, you can go to the FORM SETTINGS of the form's builder page, click the "SHOW MORE OPTIONS" then scroll down.

    1513701307t11_33.gif

    I hope this helps. If you have other questions or concerns regarding this, please feel free to contact us again anytime.

  • Profile Image
    AgilityAssoc.Canada
    Answered on December 19, 2017 at 12:12 PM

    Hi,

    The original was designed in legacy not the new format. So I can set my account to legacy or rather to one page only... I will try that.

    Thanks

  • Profile Image
    AgilityAssoc.Canada
    Answered on December 19, 2017 at 12:25 PM

    OK... Great that resolved the problem, clone is now in legacy. Wish I had known that earlier.

    Thank you, Robert

  • Profile Image
    Rose
    Answered on January 19, 2018 at 11:53 AM

    We are currently investigating why our users needs CSS injection on JotForm Cards. As my colleagues has already mentioned, JotForm Cards has no CSS injection feature but if you can tell us which styles and how you want to change with custom CSS, we will try to find a way to meet your requirement. 

    Waiting for your valuable returns.

  • Profile Image
    AgilityAssoc.Canada
    Answered on January 21, 2018 at 11:08 AM

     @Rose,

    The new multi-page layout for larger forms is a nightmare and removing the css injection option just adds to the frustration. I will never use this and prefer the Classic or legacy format for the flexibility it provides.

    If you can explain why you chose to use this new format perhaps I might understand the logic. The only thing that comes to mind is cost savings re: support. 

    If you do migrate to this new format completely, there would be no reason to stay with JF as you become just like all the rest. The classic  method offers so much more then others have to offer, and being able to migrate code to our sites is a great option that allows much more customization.

    JotForm Cards is so limiting. All the themes are just duplicates of the next with new colors. It is, for most of your users, a very simple process and probable requires less support. Perhaps offering different types of form building, starters, advanced, master. The free accounts could only use new layout. Then payments plans that offer more. I for one would be willing to pay more to get the benefits.

    If you look at my forms you will see many many lines of injected css lines of code. If you could offer more flexibility with field options, like center text for number and date fields, format field label and sub-label text, field margins and more, then injecting would not be required.

    CSS Injection is an amazing tool that makes JotForm the top bar company. Please reconsider your train of thought. 

    Thank you,

    Robert Cooper

    AAC Technical Administration


  • Profile Image
    Marvih
    Answered on January 21, 2018 at 12:16 PM

    We greatly appreciate your feedback regarding this matter. Rest assured that this feedback will be read by our development team and help improve the features of Card Forms.

    Thank you.