Card Layout: I want to add CSS code on the form?

  • movz
    Asked on January 17, 2018 at 5:24 AM

    On mobile phone.

    When user input are wrong a warning shows but it's too short, before the user has time to read it, it's gone.

    Is it possible either to inject css and if so pls help and if not can Jotfom please implement a function so one can set the amount of time the warning shows.

    It should of course work in the sense of when the user then re-click the field or button the warning disappears.

  • Ardian_L
    Replied on January 17, 2018 at 10:06 AM

    About the error message, can you please inform on which device are you having issues. I tested out on Android device and iphone 6s and the error messages were appearing until you fill them again.

    Card Layout: I want to add CSS code on the form? Image 1 Screenshot 20

    I have submitted the feature request to our developers and you will be notified on this thread for any updates.

  • movz
    Replied on January 17, 2018 at 11:35 AM

    I apologise, I was thinking what I did not write - when using the upload function.

    Pls see video, on a mobile the warning disappear even quicker.

    https://www.dropbox.com/s/hid086p3kgqbsfz/warning.mov?dl=0


  • Ardian_L
    Replied on January 17, 2018 at 11:43 AM

    I have moved your question to a new thread to avoid confusion. 

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


  • Rose
    Replied on January 19, 2018 at 12:15 PM

    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. 

  • movz
    Replied on January 19, 2018 at 1:42 PM

    Rose: Not sure I'm the right recipient for this answer... don't even know what JF cards are.

  • David JotForm Support
    Replied on January 19, 2018 at 2:50 PM

    I believe she thought you were referring to adding CSS to forms created using the new form layout.  The new form layout does not allow for adding CSS to forms.  Since you are not suing the new form layout for your forms, I can definitely see how the answer would be confusing.

  • movz
    Replied on January 19, 2018 at 2:56 PM

    That's ok, no harm done. Perhaps because the subject line was changed. Quite often I see a different subject line, i.e. support decided to change it for some reason.

  • wanderdot
    Replied on February 12, 2018 at 1:24 PM

    I think it would be valuable to have the ability to use css to style jotform cards. If not through the formbuilder at very least as a code injection. I have been trying to e

    mbed a form onto my squarespace site since its alot more user friendly to their checkout but now it doesn't quite fit with my site design. It would be ideal if I had the ability to remove the card counter, progress bar, to have a full wide/height card that could fill a div. I'm able to theoretically change all of this including box-shadow but once I update the site it removes the styling.
  • David JotForm Support
    Replied on February 12, 2018 at 1:31 PM

    The design of card forms is very fixed and does not play well with CSS injection.  Card forms are also intended to be more of a straightforward easy to use form.  From what I have been told, it is highly unlikely that CSS injection options will be added for card forms.

  • wanderdot
    Replied on February 12, 2018 at 2:43 PM
    Actually I managed to find what I needed. I was able to turn off box-shadow
    through the inline editor once I embedded the form. Wish I would've known
    this earlier since I was looking at a few other form companies and that was
    ready a make it or break it for me.
    ...
  • Rose
    Replied on February 22, 2018 at 9:23 AM

    @wanderdot your question is moved to another thread as you posted someone else threads. Please follow up the following thread: https://www.jotform.com/answers/1393267-JotForm-Cards-How-to-have-css-on-card-forms