← Back

Gravity Forms – Styling Cheat Sheet

This information comes from:

Cheat Sheet (Reference Card) Gravity Forms

 

CSS Ready Classes

 

Halves (2 Columns):

  • gf_left_half
  • gf_right_half

Thirds (3 Columns):

  • gf_left_third
  • gf_middle_third
  • gf_right_third

Quarters (4 columns):

  • gf_first_quarter
  • gf_second_quarter
  • gf_third_quarter
  • gf_fourth_quarter

List Classes:

  • gf_list_2col
  • gf_list_3col
  • gf_list_4col
  • gf_list_5col
  • gf_list_inline

Other Classes:

  • gf_scroll_text
  • gf_hide_ampm
  • gf_hide_charleft
  • gf_invisible (hide) 

 

Conditional Shortcode

[gravityforms action="conditional" merge_tag="" condition="" value=""]Content.[/gravityforms]

contition=

  • isnot
  • not_equal
  • is
  • greater_than
  • less_than
  • contains
  • starts_with
  • ends_with
Merge Tags

{user:[meta_key]}:

  • :display_name
  • :user_email
  • :user_login
  • :ID

Entry meta:

  • {ip}
  • {entry_id}
  • {entry_url}
  • {form_id}
  • {form_title}
  • {user_agent}
HTML numbers
  • { = {
  • } = }
  • [ = [
  • ] = ]
  • < = <
  • > = >
  • / = /
  • ” = &quot;

 

 

 

GravityView

 

[gravityview id="123" search_value="example" start_date="2014-06-16" end_date="2014-06-17" ]

Parameters:
id | page_size | sort_field | sort_direction – ASC / DESC | search_field | search_value | start_date – YYYY-MM-DD format | end_date – YYYY-MM-DD format | class | offset | single_title | back_link_label | post_id | detail

Gvlogic & {get} Merge Tag

yourwebsite.com/?website=GravityWP


[gvlogic if="{get:website}" is="GravityWP"]You were linked by GravityWP [else] You were  not linked by GravityWP [/gvlogic]

 

Gravity PDF

 

  • Total pages: {nbpg} 
  • Pagenumber: {PAGENO}
  • Hide fields: exclude (as CSS selector of the field you want to exclude)

GravityWiz (Perks)

 

Copy Cat: copy-1-to-2

 

HTML code often used

 

<a href="https://gravitywp.com" target="_blank">Link Text</a>

<img src="https://gravitywp.com/wp-content/uploads/2017/02/test-image-tooltip2.png" alt="" width="50" height="50">

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  

Handy links

  

Best extensions

  • GravityView: Display Gravity Forms entries on your website
  • Gravity Perks (Wiz): Easy-to-use enhancements for Gravity Forms
  • Gravity Flow: Automate your business processes (e-mail, alerts, reminders)
  • GF Chart: Chart and count information captured via Gravity Forms
  • Gravity PDF: Create PDFs with your Gravity Forms entries
  • Tooltips: Use shortcode and HTML within Tooltips

  

Best on GravityWP