Why are we unable to customize a JotForm form with our own design?

  • Profile Image
    vincentphilippe
    Asked on March 13, 2018 at 12:57 PM

    We still encounter severe issues with the css customization of our Jotforms , that make impossible to broadcast our forms to customers. It s been now a while we've been asking for your support, without efficient result.

    Fullfilling our company graphical guideline is mantory for any communication towards customers (like every large comany).

    We tried evey workaround you advised us, we lastly use the Iframe Publish method to paste the code on our own page in the aim to customize the form with our company identity CSS (font, radius, case, colors, padding) and it is not efficient since the CSS of the called jotform erases our own CSS.

    Can you provide a clear and efficient solution for a basic need ?

    Do you know if Typeform allow this customisation better than Jotform ? Because we really need a short term solution ?

    Thank you

  • Profile Image
    Kevin_G
    Answered on March 13, 2018 at 01:09 PM

    Please note that CSS injection is not allowed with Card Forms, instead an smart embed feature has been developed, with such feature turned on the form will take the page's style as much as possible; however, the form may not match 100% your website layout. 

    Now, we do allow CSS codes with our Classic Forms, you may customize your form as much as you want with your own code as explained on this guide.

    However, if you would like to have a very customized version of your form you may always get the source code of it, but take into account that this feature is available on classic forms only, here is the guide: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form 

    With the source code you will be able to remove the undesired styles and handle the HTML code on your end too. 

    If you want to switch to the classic forms layout then while working on the form builder go to the settings tab, form settings section and click on the show more button, scroll down until the Form Layout option where you can select the desired one. 

    Thanks.  

  • Profile Image
    Kevin_G
    Answered on March 14, 2018 at 08:34 AM

    CSS code injection has been removed from card forms since their layout is more complex than the classic forms, card forms actually have a lot of enhancements compared, on desktop and mobile, compared to classic forms, the elements behave different on the different screen sizes to adapt the form to each device. 

    Now, we are indeed enhancing card forms, you may provide us more details about what you would like to change and you're not currently possible so we can forward this to our second level as feature request. 

    Thanks. 

  • Profile Image
    vincentphilippe
    Answered on March 15, 2018 at 06:39 AM

    Hi Kevin,

    Thanks for your answer.

    What we need to customize (in priority order) :

    -- font (our font is not the list of the avalaible fonts).

    -- font size and case

    -- border radius

    -- paddings, margins

    -- colors of every element (already possible)

    -- buttons size and shape

    Kevin, at least, isn't it possible :

    -- to have our own font and border radius ?

    -- or to have the possibility to inject CSS again (at our own risk)?

    Following your answers, we will consider going on with jotform or not.

    Please be aware that I also contact@ Leeyen Rogers on Linkedin for this issue and to have more information about your features roadmap.


    Regards,

    Vincent

  • Profile Image
    Kiran
    Answered on March 15, 2018 at 09:49 AM

    -- to have our own font and border radius ?


    -- or to have the possibility to inject CSS again (at our own risk)?

    Unfortunately, not at this moment since the feature is not yet available. Let me forward your request to our backend team on separate threads for evaluating the feature. We cannot provide any ETA at this moment if they are considered to implement. However, if there is any update you'll be posted on the respective threads. Please follow the links for the threads separated. 

    https://www.jotform.com/answers/1415960 (Using own fonts)

    https://www.jotform.com/answers/1415961 (Injecting custom CSS codes)

    Also, we request you to provide us with more information on border radius for which element that you are specifically looking.

    Thank you!


  • Profile Image
    vincentphilippe
    Answered on March 16, 2018 at 10:24 AM

    Hello Kiran,

    Thank you for this answer but I still don't understand why you don't add at least our font Helvetica Neue in your standard Customizer.

    Have a look at Typeform, this font is standard in their Design module. Could you please add it for us on Jotform ?

    1521210108ScreenShot016.png

    Vincent

  • Profile Image
    Kiran
    Answered on March 16, 2018 at 11:35 AM

    I have forwarded your request to our backend team on a separate thread. Please follow the link below:

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

    Thank you!