New Form Layout: Ability to inject CSS code.

  • Profile Image
    Wuppee
    Asked on September 18, 2017 at 05:27 AM

    Cant seem to find how to inject css in the new form style. 

     

    http://take.ms/vaHGS

  • Profile Image
    Sabbir
    Answered on September 18, 2017 at 06:06 AM

    You can inject custom css in your from style using the Form Designer icon on the right side of your panel(The round blue one). Then click on ths CSS tab.

    Let us know if it works for you.

  • Profile Image
    Wuppee
    Answered on September 18, 2017 at 06:08 AM

    There is no option for that in the new layout forms 

     

  • Profile Image
    Wuppee
    Answered on September 18, 2017 at 06:09 AM

    http://take.ms/KsaSYl

  • Profile Image
    Sabbir
    Answered on September 18, 2017 at 07:22 AM

    Unfortunately, the custom CSS function is not yet available in the New Layout. You can change Form Layout in the Form Settings.

    Look for 'Form Layout' and change it to 'Legacy Layout'

     

    Let us know if it helps.

     

     

     

  • Profile Image
    Wuppee
    Answered on September 18, 2017 at 08:02 AM

    really.. Can i do it from my sites end? Is there any way i can do it.. I just wanna make the text larger and logo larger. 

     

    Pleaseee say there is... lol

     

  • Profile Image
    Kevin_G
    Answered on September 18, 2017 at 10:11 AM

    Yes, to change your form to the old layout you will need to follow the instructions given by my colleague above: 

    Once you have clicked on the "show more options" button you will need to scroll a bit down in order to find the "Form Layout" option, select "Legacy Layout":

    I hope this helps. 

     

  • Profile Image
    Wuppee
    Answered on September 18, 2017 at 04:35 PM

    Yeah but i dont want to change the form layout.. I like the one i have.. I like the flow, animation etc. 

    So is there a way i can edit the new layout. All i want to do is make the logo bigger and remove some of the padding.. 

    Can i do the CSS from my end or something? Surely there is a way i can acheive the following http://take.ms/tvO6t

  • Profile Image
    Kevin_G
    Answered on September 18, 2017 at 04:53 PM

    Unfortunately, there is not any way to inject custom CSS codes while using the new form layout. But I'm forwarding this to our second level as feature request, although we cannot provide an ETA or ensure this can be implemented, we will let you know as soon as we get any updates about it.

  • Profile Image
    nstocker
    Answered on October 06, 2017 at 12:07 AM

    I see this back and forth on just about every question that pertains to the new form layout. You can't provide a basic form with the ability to css the hell out of it -then offer this incredible animated form style with so little customization that you can't afford to use it? Pretty sure you could have a css field in the admin in 5 sec? Am I missing something? That would shut half of us up for a while.
  • Profile Image
    BJoanna
    Answered on October 06, 2017 at 03:34 AM

    @nstocker

    I have moved your question to a separate thread and we will provide you an answer there shortly. 

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

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

    Please note that we decide to investigate why our users need CSS option on JotForm Cards. That’s why, we would like to know more about why you need CSS option for the JotForm Card?  Which styles you want to change and how? We respect our users concerns and try to serve them in a better way. If you inform us as much information a you can, we will try to find a way to accomplish your needs.

  • Profile Image
    Rose
    Answered on January 22, 2018 at 03:07 AM

    As we did not hear from your side, we want to send a second notice you regarding your CSS request. We would be pleased if you can tell us why you need this feature, to change which styles and how?

  • Profile Image
    Wuppee
    Answered on January 29, 2018 at 08:38 PM

    so i would like to be able to use CSS on the

     

    Welcome page

    -logo/image sizes/positions

    -more text lines  -bullet point options for why to complete form

    -text sizes/postions

     

    Form questions 

    Text sizes/ppostions

    button sizes/posistions

     

     

    So this is my form -http://take.ms/anec9

    as you can see it isnt very convincing to fill in. I am unable to add any copy to the welcome page.. This first screen should be full of reasons to fill in the form.. But i cant add anything else... or change sizes of image/logo or anything

  • Profile Image
    Kevin_G
    Answered on January 29, 2018 at 09:48 PM

    Thank you, your comments will be passed over to our second level. 

  • Profile Image
    Wuppee
    Answered on January 29, 2018 at 10:19 PM

    Any estimate of when the CSS injection will be available ??

  • Profile Image
    BJoanna
    Answered on January 30, 2018 at 03:15 AM

    Unfortunately, we cannot provide an ETA. If there is any update we will inform you via this thread.