PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Is it possible to add a form for voting with stars ?

  1. beuzathor
    Member

    Hello,
    I begin with your plugin from today. I would like to do a field for voting in a form.
    The field will have à title and five stars for to evaluate. Visitor can click to the stars for say what he thinks.
    Is it possible ?

    Posted 13 years ago on Wednesday June 8, 2011 | Permalink
  2. beuzathor
    Member

    No Answer..

    Is it impossible or my english is too bad ? :)

    Posted 13 years ago on Tuesday June 21, 2011 | Permalink
  3. Currently there is no ratings/star ratings field. So this isn't currently a field option. You'd have to use radio buttons which ask for a number rating or a drop down that asks for a number rating. We do plan on implementing a Ratings field type with options such as stars in a future release.

    Posted 13 years ago on Tuesday June 21, 2011 | Permalink
  4. Carl, I'd like this option too!

    Thanks,

    Posted 13 years ago on Thursday July 7, 2011 | Permalink
  5. We're trying to do something similar by using the myreviewplugin. I'm trying to find some information on how to use their star rating system inside a Gravity form. I have a good PHP guy but am trying to find any documentation on this. Can anyone point me in the right direction?

    Posted 13 years ago on Monday August 22, 2011 | Permalink
  6. I'm starting to look at ways to collect reviews myself and if this comes in Gravity Forms that would be very handy. Love the support you guys give.

    Posted 13 years ago on Monday September 5, 2011 | Permalink
  7. Elise
    Member

    We are looking to add an admin only rating for each enquiry submitted via gravity forms.

    Basically each enquiry would be rated based on 5 criteria which would then provide an average total rating for each enquiry. This is only for the admin and would be used to rate the quality of leads we get from different sources.

    Is this type of functionality coming soon?

    Thanks

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  8. You can use an admin only field drop down, with values of 1 to 5. Then you can sort based on that field to get your most qualified leads to the top. It would not be as visual as a star rating, but the ratings would be there for admin use.

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  9. Elise
    Member

    Ok, I actually just set that up to try while I was waiting for a response (which was very quick, thank you) but, I can't see the admin only parts.

    I've gone into the entry and still can't see it, where does admin enter the data?

    I'm guess it's right in front of my face ... :)

    Thanks,
    Elise

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  10. Two things. I would add a default value, maybe 1, or lowest, or 3 for average, so there is always a value. When you view the single entry, that rating will be there. Then, when you click the blue edit button, you will see that you can use the drop down you added to rate the entry.

    Does that work for you?

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  11. Hi - I was looking to create a form for a client where their customers could rate their service. And have read through this thread a few times trying to find a solution.

    I have made a solution using Gravity Foms, FontAwsome, CSS and a little javascript. I'm not quite finished with the solution - and I can't share the URL (yet) as the site is still in development. But I thought that I would leave a comment for other people looking for a solution.

    My approach is:

    1. Download and include FontAwesome in your site: http://fortawesome.github.io/Font-Awesome/
    2. give your form a custom css class in the gravity forms admin - i called mine "rating-form"
    3. set up a radio button field with five radio buttons (or whatever number you want)
    4. in the text section for each radio button put the following: <i class="icon-star-empty" id="1"></i>
    Using both class - this will be the font that is displayed & an id, which equals the rating level.
    5. Add a little CSS to hide the input button and format the text:

    .rating-form .gfield_radio li {
    float: left;
    padding: 5px !important;
    width: 60px;
    display: block;
    font-size: 60px;
    }
    .rating-form .gfield_radio li input { display: none; }
    .rating-form .gfield_radio li label { margin-left: 0 !important; }
    
    i.icon-star {color: #0f6cae ;}
    i.icon-star-empty { color: #999;}

    6. Add a little javascript (this is not finished - it just works for clicks - and doesn't work if the page reloads and not all fields are filled in. It could also do with a mouseover and mouseout function or two.

    jQuery(document).ready(function($) {
      	if ($( ".rating-form" ).length > 0) { // check that the form is on the page
    		$( "li i.icon-star-empty" ).click(function() {
    			var num = $(this).attr('id') ;
    			// fill in the stars
    			for (var i=0;i<=num;i++) {
    				$("#"+i).removeClass('icon-star-empty').addClass('icon-star')  ;
    			}
    			// empty stars above the one clicked
    			for (var k=5;k>num;k--) {
    				$("#"+k).removeClass('icon-star').addClass('icon-star-empty')  ;
    			}
    		});
    	}
     });

    Thanks
    Ajax

    Posted 11 years ago on Thursday May 9, 2013 | Permalink