Changing stars to a circle or square for ‘star rating’ question type

0

Hi there – I have asked this question previously but have not heard back; is it possible to change the ‘stars’ to something else (a circle, square) for the ‘star rating’ question type?

Thanks.

Jody

Jody Jeffrey answered
    0

    There is not a built in way to do this (it would probably require some fairly complex CSS customizations). Have you looked into using radio or checkbox grids which will have round/square icons respectively?

    Additionally, if you want to explore the customization further, SurveyGizmo does have a Programming Services Team that can do this for you:

    https://www.surveygizmo.com/programming-services/

    Hope this helps!

    Dominic Sharpe answered
      2

      Hi all – I was able to do this by modifying the star.png image, uploading it to my files, and adding CSS. Example below:

      Change this:

      .sg-star-box label {
      background-image: url(http://surveygizmolibrary.s3.amazonaws.com/library/1/staranchor.png);
      display: block;
      background: transparent url(http://surveygizmolibrary.s3.amazonaws.com/library/1/staranchor.png) no-repeat scroll 0 -20px;
      float: left;
      cursor: pointer;
      height: 20px;
      width: 20px;
      overflow: hidden;
      margin: 0;
      }

       

      to this:

      .sg-star-box label {
      background-image: url(http://surveygizmolibrary.s3.amazonaws.com/library/1/newimage.png);
      display: block;
      background: transparent url(http://surveygizmolibrary.s3.amazonaws.com/library/1/newimage.png) no-repeat scroll 0 -20px;
      float: left;
      cursor: pointer;
      height: 20px;
      width: 20px;
      overflow: hidden;
      margin: 0;
      }

       

      Cheers.

       

      Jody

      Dominic Sharpe commented
        ×

        Login

        Question stats

        • Active
        • Views1357 times
        • Answers2 answers
        • Followers1 follower