TutorialRead Only Fields Gravity Forms

In some cases you want to show some fields as ‘Read only’ in Gravity Forms. Especially when you use Dynamic Population, you may want to only show the information without visitors of the site being able to change this information.

How to make a Gravity form field Read Only?

There is a very easy solution to this, the great plugin Gravity Perks, which give you lots of easy enhancements to Gravity Forms. When you have installed it, go to the Gravity Forms formbuilder and select the form field you want to mak read only. Click the Perks Tab and select read-only. That’s it!

Gravity Forms 2.4 and earlier

How to CSS style your Read Only Gravity Forms fields?

You can style your Read Only field in Gravity Forms quite easily. For example putting a blue border around the Read Only field, try this in your .css file (or custom css functionality in your Theme):

input[readonly], 
select[readonly], 
textarea[readonly], 
.gform_wrapper [disabled='disabled'], 
.gform_wrapper input[disabled='disabled']  {
     border: 1px solid #007BC7;
}

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close