Do you want to add a rating field to your Gravity Form? For example to rate an experience, article or for another evaluation? With the Survey Add-On you can easily add a Rating field to your webform.
Survey Add-on
The Star Rating field is available after you install the Survey Add-on from Rocketgenius.
How to change the size of the Star Rating?
You can use this CSS code on the page to make the Stars in the Gravity Forms Survey field (much) bigger and make the text transparant or invisible.
.gsurvey-rating:not(:checked) > label, .gsurvey-rating:not(:checked) > label:hover,
.gsurvey-rating:not(:checked) > label:hover ~ label, .gsurvey-rating:not(:checked) > label,
.gsurvey-rating:not(:checked) > label:hover,
.gsurvey-rating:not(:checked) > label:hover ~ label,
.gsurvey-rating > input:checked ~ label {
width: 65px !important;
line-height: 50px !important;
background-size: 50px 50px !important;
color: rgba(221, 221, 221, 0) !important;
}How to change the Stars in Gravity Forms Star Rating?
You can use this CSS code on the page to change the Gravity Forms Survey Stars images. This code is used in the example of this page. We changed the color of the default stars (and for the hover effect) to match our desired color. This way you can easily change even the image that is being used inside the rating field in Gravity Forms Survey.
.gsurvey-rating > input:checked ~ label {
background-image: url(https://YOURSITE/star1.svg);
}
.gsurvey-rating:not(:checked) > label {
background-image: url(https://YOURSITE/star0.svg);
}
.gsurvey-rating:not(:checked) > label:hover,
.gsurvey-rating:not(:checked) > label:hover ~ label {
background-image: url(https://YOURSITE/star2.svg);
}Our Premium add-ons for Gravity Forms
List Dropdown
Add a Dropdown Select with choices to a column or multiple columns in a Gravity Forms List Field.
Update Multiple Entries
Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.
Field to Entries
Create entries based on Checkboxes & Multi Select choices & List Field rows.
List Number Format
With this Gravity Forms Add-on you can change List Field columns into a number field, do calculations within a row or column. Extra merge tags are available with total counts of columns.
Read tutorials about
Gravity Forms Zoho CRM Integration: How to Auto-Populate Form Fields by Email
Learn how to auto-populate Gravity Forms from Zoho CRM using GravityWP API Connector. This tutorial shows how to search Zoho Contacts by email and fill form fields with the returned data.
How to Create a Public Submission Business Directory in WordPress (Gravity Forms + GravityView)
Build a moderated business directory where users submit listings through a form, admins approve entries, and approved businesses appear in a searchable GravityView directory.
How to Create an Event Workshop Registration + Waitlist System in WordPress
This guide shows how to set up a workshop registration + waitlist system in WordPress: register attendees until capacity is reached, waitlist the rest, approve entries, and auto-promote people when a seat opens using Gravity Forms, Gravity Flow, and GravityView.
Gravity Flow Form Submission Step Tutorial
The Gravity Flow Form Submission step pauses a workflow until another form is submitted, then continues once the handoff is complete. This guide shows how to connect two forms, prefill fields with mapping, send the correct secure link, and troubleshoot the most common “workflow didn’t move” issues.
