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
    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
      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
        ×

        Login

        Question stats

        • Active
        • Views301 times
        • Answers2 answers
        • Followers1 follower