User Guide

Browse Article by Topics

    No article topics.

How to Inject CSS Codes to Widgets

You know how to inject custom CSS codes to your form but did you know that Widgets have their own respective location for CSS code injection?You may be wondering - "Why not just consolidate all of them in the CSS tab of the FORM DESIGNER?" And you're...

Managing Field Error States and Highlight Effect

All forms created in JotForm have two built-in features that most of you may be familiar with:1. HIGHLIGHT EFFECT: The subtle change in the background color of a field that receives focus.2. ERROR STATES: The attention-grabbing error messag...

Customize Your Form Using Custom CSS Codes

UPDATE: Let's create fantastic forms with Form Designer video course which allows you to generate beautiful form designs without knowledge of CSS!First, you need to learn how to inject custom CSS on your form before you can s...

How to Stylize Feedback/Lightbox Title?

To change styling for your form's Feedback or Lightbox window title, insert these codes in your webpage's source preferably above .jt-title {    font-family: Verdana, Times New Roman, sans-serif;    font-size: 15px !important;    text-alig...

How to Inject Custom CSS Codes

Jotform gives you a wide variety of ways to customize how a form is rendered. An example of customization can be found on this guide: Customize your Form using Custom CSS Codes. In this guide, you'll learn how to inject a custom CSS codes to the...

How to Customize the Submit Button with CSS

UPDATE: Try Form Designer video course to create fantastic Submit Button styles!Did you know that green and blue are the most relaxing colors? That's why they're used by the most popular websites out there to help users feel good surfing those websit...

How to Apply Custom CSS to the Product Field

UPDATE: You can easily change a particular field and create fantastic forms with Form Designer video course!Let's say you want to hide the label with the word "free" (price= 0.00)  in your Payment integration form, because you are looking to hav...

How to Find Field IDs and Names

Customizing the appearance of your fields using CSS is a common task in JotForm. If you need to change the CSS properties for a specific field, knowing the ID of the field allows you to target that specific field.The Unique Name of the field on the o...

Deprecated: How to make mobile friendly forms on JotForm

This guide is deprecated: Forms are now mobile responsive by default. This means no further configuration is required.Mobile web usage is mainstream. If your website doesn't display correctly on the web, you’re missing users. People are frequently ...

How to Have Sub-Category or Sub-Labels on an Order Form

Have a long line-up of products in your Payment Form? Wouldn't it be better if they are organized into grouped categories or have sub-labels to easily spot them among the long list of items or products?This guide will show you how to add Sub-labels i...

How To Have Two Column Payment Form

This guide will show how to minimize the length of your Payment Form that has a lot of products/items on it.Allowing the users to view all information all at once on a form is an important aspect of an efficient and useable form.Stylize the default&n...