JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Replace Radio Buttons with Stars?Asked by kungo on January 08, 2014 at 02:25 PM
My client would like stars on his survey form, instead of the radio buttons I have
Here is what I mean... here is the JotForm I made for the client (note the radio buttons for ranking):
Here is the survery form that has stars on it (for ranking the business from "Poor" to "Excellent") like the client wants:
In other words: Can I replace the radio buttons I have on my JotForm, with some kind of selection stars like on
the other sample survey I showed you?
We can do something similar with the Star Rating tool:
It is possible to inject a custom CSS to add the POOR and EXCELLENT words:
#cid_1 is the ID of star input from my form, so you will need to use your ID from the form source.
If you need any further assistance, please let us know.
Thank you very much, Mike_T -- It's almost working now...
I wasn't clear on the ID thing, so I cloned your form and built a new survey from it, here:
But when I fill out the fields, the cursor turns into a red circle with a line through it.
Then when I click on the page (outside of the form) to get rid of that cursor, I am brought to our website! Even if I don't fill out the form, and just click on the page, it stills goes to http://aesyracuse.com
If I could just get rid of my cursor turning into a circle with a red line through it, I would be happy.
I'm not worried about the rest.
I'm using IE -- but it seems to do the same thing in Chrome.
I've not been able to replicate the cursor issue but it sounds like it may be a local setting on your computer:
Do let us know if the video helps to resolve the problem.
Hello abajan -- Thank you for your reply...
the main problem of concern right now is that, in the event that someone begins to fill out
survey form, then wants to contact us usung the other contact form (at right) they cannot
click on the fields to type (at least I can't when I try -- cursor turns into that red circle/line).
Here is a screenshot of what I mean:
Have you tried the star or scale rating fields under the survey tools?
Please give them a go and let us know if they need further tweaking on your form.
Hello TitusN ...
Not clear on how that addresses my most recent request...
Are you saying that doing as you suggest will solve the cursor/typing issue?
This is actually a different issue from the original subject you had raised about Radio button replaced with Stars...
I highly suggest that you create a new separate thread on this so we can dedicate the appropriate support on it. Use this link to do this https://www.jotform.com/contact/
Our colleague TitusN was refering to the original requests/inquiry of this thread.
Can you please also confirm if that issue was resolved already?
I should have menioned I'm usung IE 9 -- and that you must first begin filling out the survey form, then click on the email form, to duplicate the field issue that I sent you a screenshot of: