Form Designer Tool: CSS tab is limited to 2480 lines

Hi Jotform team,

currently I am trying to test if Jotforms are suitable for my needs.

I try to create more complicated for with some CSS coding.

Unfortunately it seems that there is a limited number of CSS rules in Designer.

Changes do happen in Designer but not in Preview anymore. Also I used !important rule and cleared my cache nothing helps. After I save, close and reopen designer recent rules I added are missing.

Also I tried to delete some older rules higher in code and suddenly last rules I added were working fine.

For me it means that you have limited number of rules one can add. Do not know why you it is restricted like that.

As I know all browser except Explorer have no limitation in reading CSS code ( also Explorer has still limitation around thousands of rules ).

So I am asking you for advice what to next. Jotform is really great and powerfull tool. I want to use it and pay for it but with this kind of limitation it is not suitable for me.

Is there possibility to avoid and overcome this limitation?

Here is my working beta form:

http://www.jotform.com//?formID=51373433816354

Thank you so much in advance!

Martin

Hi Martin,

You should be able to design the form. We don't limit someone in terms of designing a form using our form designer. You are free to import your own CSS stylesheets or add one to it, no limits.

But you should avoid editing the form in multiple windows. Otherwise, that would cause you to lose some of the changes in the form. The form should only be edited in a single window. 

We also recommend using either Google Chrome or Mozilla Firefox when designing the form. The form designer should work best using any of these browsers.

Lastly, I would suggest keeping a copy of your styles in any Text Editor you have. You can use Sublime Text or Notepad++. This way, you have a wide space and you can easily check what are the duplicates.

Thanks

Hi Thank you Welvin for you answer, unfortunately I still think that CSS code in designer is limited to 2490 lines. I was editing only in one window and using Chrome also checked many times for duplicates. After the line 2490 changes are not shown in preview and do not save.

You are free to try it for your own. Make a copy of my form and try to edit it, add for example some new rules. You will notice that after 2490 line changes are not implemented any more.

Could you please ask your developer team if there is such limitation? And could you please rise the number of lines/rules?

If it would be possible I am almost done with my form and willing to buy an upgrade to Economy or Professional.

http://www.jotform.com//?formID=51373433816354

Thank you very much.

Martin

I was able to replicate your problem, in my case, it seems like the additional CSS code after line 2480 is being cut off.

I'll forward this to our developers to have it checked and if they can increase the number of allowed CSS lines.

As an alternative, you can extend the CSS styling by importing an external style sheet instead.

In your custom CSS area, you can add CSS stylesheets like this:

@import url('https://shots.jotform.com/charlie/extendedstyle.css');

You can check the direct link for the CSS style and see that it's beyond the 2480 mark.

Regarding the problem, we'll update you as soon as we hear any news. 

Apologies for the inconvenience.

Thank you Charlie for you reply and thanks for forwarding it to developers. Your idea with importing css link sounds great to me. It would solve my issue until the limited number of lines gets fixed in designer.

I was trying to import linked css file but it does not seems to work.

Here is rule I used:

@import url('https://dl-web.dropbox.com/get_htmlified/css%20source.css?_subject_uid=173823417&w=AACO1pCkP5nOqJNPQq7psVx2Pz7zct1gMxyCDXRQ7Uqy7Q');

This is the css source.

https://dl-web.dropbox.com/get_htmlified/css%20source.css?_subject_uid=173823417&w=AACO1pCkP5nOqJNPQq7psVx2Pz7zct1gMxyCDXRQ7Uqy7Q

Should I use rather: @import url('https://shots.jotform.com/charlie/extendedstyle.css');     link instead ?

And how can I get that link? Do I have to upload CSS file to Jotform first?

Thanks so much!

Martin

Hi Martin,

Well, the link that is given by my colleague is correct and it contains the custom CSS codes from your form so I guess you can use that for now.

You need to remove the CSS codes in the CSS tab in the Form Designer and replace it with the import link.

Thanks

Hello, i have the same problem in my form, i cant add more lines in the jotform css editor, i cant use this method, i upload my css code in a server (http://natupote.net16.net/css/botoes_pedido.css) and i call this link in the jotform css editor here below:

@import url('http://natupote.net16.net/css/botoes_pedido.css');

but dont work when i preview the site, can you help me?

tkx

@natupote,

I can see you have already opened your own thread to report the issue, here is the link: https://www.jotform.com/answers/884518 

We will assist you there as soon as possible. 

yes, i opened, but i dont have answers yet...