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

    Where can I find the full CSS list of jotform

    Asked by idanfactor on July 19, 2011 at 04:54 AM

    I need all the properties/elements .input, all-forms, submit-button.

  • Profile Image
    JotForm Support

    Answered by mliz on July 19, 2011 at 05:14 AM

    Hi there,

    You can find the full list and code for the css, javascript and html form by
    downloading the full source code.

    To download the full source codes for your form:

    1.  Go to Setup & Embed
    2.  Click the Embed Form button
    3.  Choose Source
    4.  Click the link that says "here"


    Feel free to contact us if you have any further questions.

    Thanks for using JotForm.

    Regards,
    Mliz

  • Profile Image

    Answered by idanfactor on July 19, 2011 at 05:21 AM

    Thanks. I found the complete CSS jotform list! (linking to this page for google :-)

    It's pretty long CSS list.

    Do you have an explanations about the mentioned CSS properties?

    Currently, I need an to style  the input of text field (enlarging the font-size of the input)?

    Can you help?

  • Profile Image
    JotForm Support

    Answered by mliz on July 19, 2011 at 07:38 AM

    Hi,

    You can change the font size input of the text field by overriding the css
    code using the feature inject custom css.

    Here's how to add your custom css:

    1. Open your form in JotForm
    2. Click on 'Setup & Embed'
    3. Choose 'Preferences'
    4. Select 'Form Styles'  and in the Inject Custom CSS  add the following code:

     

    .form-textbox {
    font-size: 12px;
    }

    To find out the id and class of the fields used in the form I would recommend the
    use of firebug. This allows you to view the source code and css class used for the
    fields. Watch this to see how you can use firebug to find out ID or Class of
    any element in a page:

    http://getfirebug.com/video/Intro2FB.htm

    Hope this helps.

    Regards,
    Mliz

  • Profile Image

    Answered by idanfactor on July 19, 2011 at 07:45 AM

    Working fine.
    Great Support!
    Thanks Mliz.

     

  • Profile Image
    JotForm Support

    Answered by mliz on July 19, 2011 at 07:54 AM

    Hi,


    Good to know everthing went well.

    Thanks for using JotForm.

    Regards,
    Mliz

  • Profile Image

    Answered by frurus on July 19, 2011 at 09:50 AM

    how can i upload and use my modified css?

  • Profile Image

    Answered by idanfactor on July 19, 2011 at 09:57 AM

    I want to add feeback.

    I think you shuld consider  add the options to edit basic CSS elements for all the form (using Gui - Jotform are expert developing great ui :-).

    In addition add the mentioned options for each field separately.

    Consider to add online article which describing all the css elements Jotform has and description for each element.

    For example:
    .form-text-area => Control the text area's content design => Example:

  • Profile Image
    JotForm Support

    Answered by mliz on July 19, 2011 at 10:05 PM

    Hi,

    @idanfactor Thank you for your suggestion on how we can improve our product.
    I have added this to our feature request list.

    @frurus You can use the Inject Custom CSS to over ride the CSS of the form.
    In addition if you have further questions kindly post it in a new thread.

    Best Regards,
    Mliz