What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Inject CSS Code - Workflow Suggestions

    Asked by zknight on November 18, 2013 at 08:33 PM

    1) CSS is styling so it should go under the "form styles" tab, right?

    2) CSS needs to be MUCH easier to access (1 or 2 clicks) because we have to go back and forth with Firebug to style several elements.

    3) I just spent 20minutes adding CSS to my form, always saving and testing...everything was fine. Then I turned on the "input mask" for a phone number field and all of my customizations were cleared...CSS...text label changes...even the title of the form!! The only things that remained were "top level" changes like adding or removing rows.

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

    JotForm is excellent and I'm happy to be paying for it now, but I can not afford to waste time. I pay you $10/month and you just took about $20 worth of my time.

    JotForm style label phone number
  • Profile Image

    Answered by Cesar on November 18, 2013 at 11:15 PM

    First of all, let me apologize for the inconvenience this may have brought you. I will go through the questions in the order they were asked:

    1) CSS is styling so it should go under the "form styles" tab, right?

    Correct, at the moment, CSS Styling (Inject Custom CSS) is currently located under:
    Preferences | Form Styles tab. 

    2) CSS needs to be MUCH easier to access (1 or 2 clicks) because we have to go back and forth with Firebug to style several elements.

    Your input makes a valid point. One which I believe should be reviewed by the Development Team. Now, I cannot provide an ETA of an implementation of such request. Nor can I promise an implementation of such request would ever take place, as it is up to the Development Team to decide if such actions can or will be taken.

    Having easier access to CSS modification is worth looking in to.

    3) I just spent 20minutes adding CSS to my form, always saving and testing...everything was fine. Then I turned on the "input mask" for a phone number field and all of my customizations were cleared...CSS...text label changes...even the title of the form!! The only things that remained were "top level" changes like adding or removing rows.

    You are correct, some customization settings do alter CSS code, and at times we may encounter situations were the code we inserted is overriden by additional changes we make on the form through other options, and vice versa. On some occasions  just "undoing" those sudden changes is our best bet at moving along through our form customization.

    We generally do advise to work on a backup version of the form to avoid having to back track as many changes as possible. This too can be daunting if you are backing up every change you make, nevertheless, it assures you that you will have a working copy in case anything would not go as planned.

     

    Thank you for your input this is definetely valuable information for us to improve upon. If you do need further assistance, do let us know. Thank you again.

  • Profile Image

    Answered by zknight on November 22, 2013 at 12:08 PM

    Thanks, Cesar

    Regarding #1, I'm talking about the top-level "Form Style" tab (containing Themes, etc). The last button in that toolbar should be CSS. Aren't developers a major part of your market? We prefer style sheets over wizards and that is the most intuitive and convenient location I think. So that's my vote next time you're assesing the UI :)

    And now that I see it, #1 would take care of #2.

    #3...I agree that backing up is a good idea and undoing would be a simple fix, but the form was literally reset to most defaults including notifications. I would doubt there is an undo for all of that. And I really don't know how I would back up the JotForm options like notification settings, form title, labels, etc. I thought that was what saving the form was for. If there is a way to revert back to a saved version then that covers it...I'm just not aware of it.

    I really feel that was a catastrophic enough failure of the app to warrant trying to reproduce it and look into solutions...even a warning dialog upon choosing mask would be helpful.

    Thanks for discussing it!

  • Profile Image
    JotForm Support

    Answered by KadeJM on November 22, 2013 at 02:35 PM

    Thanks for the further explaination and breakdown about this, very much appreciated.

    (Question) Regarding #1, I'm talking about the top-level "Form Style" tab (containing Themes, etc). The last button in that toolbar should be CSS. Aren't developers a major part of your market? We prefer style sheets over wizards and that is the most intuitive and convenient location I think. So that's my vote next time you're assesing the UI :)

    (Answer) I do understand what you mean and I think you have an obvious valid point about it that there should at least be some sort of CSS Tab to Quickly Control this Function since not everyone would think to look in the Spot where it's currently located at. I think this is something that wasn't originally considered at first since we were trying to keep things simple yet elegant without creating more confusion.

     

    (Question) #2...I agree that backing up is a good idea and undoing would be a simple fix, but the form was literally reset to most defaults including notifications. I would doubt there is an undo for all of that. And I really don't know how I would back up the JotForm options like notification settings, form title, labels, etc. I thought that was what saving the form was for. If there is a way to revert back to a saved version then that covers it...I'm just not aware of it.

    (Answer) I think here you may be referring to using and creating a Saved Sessions type Back-up System for Forms or something to that Effect. An example of this is that say I'm making a form and For this week only I want to gather Name, Email, Phone Number, Address, and One Message with the Notification to Match. But the Second Week after I decided to Make a change and I added 3 Survey Questions for the Second Week's worth of Use of the Form which was Saved in a Backup labeled Session 2 or Save 2, Etc,. But after that in the middle of the Second week I didn't want to make another form before and I had changed my mind. So instead of wasting time going between two different forms to re-embed to use them, or even deleting the Fields and fixing the notifications all that would need to be done is for me to Pull up the Saved Back-up Session that was Created Server-Side for the Week Prior. This way I could quickly and effectively swap back to Session 1 (Version 1) of the form that I had.

    Is that kinda what you mean by this maybe?

    The only thing that negates that sort of though is the fact that you can Clone your Forms to Copy them making it fairly simple and quick to Creat different Versions. So I think that is primarily why we went that route on this with just using Save, Undo, Redo.