I have used the choice field to render them as buttons on Nintex form. I did change the image on the buttons and form is working as expected. Now my requirement is, when I click on the first star, the background color of that image should change.
I would also know if there's an option to just change the blue color to some other color? I want to do away with choice field rendered as buttons option, what other choices do I have?
Any suggestions? Let me know if you need any further explanation on this
Solved! Go to Solution.
I've done this using CSS, using the CSS class for the choice field (in my case I called it tabs) use this in the Custom CSS area in Form Settings:
This will change the image for the active selection
Thank you very much for the response. Unfortunately, I can't use the choice fields because I couldn't assign individual images for each option when I render them as buttons.
When I click on the first star, the blue color image should change to green and there would be an option to save the selection. Any suggestions?
Have you tried the method for choice fields mentioned here: Changing the background colour of a button dynamically
Using this, you can select a different image for each choice :-)
Thank you. But I'm using buttons individually. I did go thru the link earlier which would only work if the buttons were part of a group. This is what I'm trying to do
1. In the first star image
2. In the form settings, I'm using the tab1
However, I couldn't get the image width increase to 70px.
I'm sure that there's some configuration changes that I'm missing. Could you please point that out?
So where I have tabs, you would put tab1.
Then in the css where you want to change the button when its clicked use
whatever CSS changes you want to happen
However in my requirement, all are individual buttons. So is it possible to implement the image changing code for individual buttons
Hi, sorry I wasn't clear, in my last reply the css code works for individual buttons, give them a css class and use :active for the image change to take effect when the button is clicked.
OK here's what I did.
1. Changed the CSS class to tab1
2. In the form settings, the code was added to change it to g1.jpg
The problem is: if I use the Button action as Save, once I click on the button, the form data is automatically submitted, which doesn't allow me to see the changes I made to the button
1. If I use the Button action as Save, once I click on the button, the form data is automatically submitted, which doesn't allow me to see the changes I made to the button
Hopefully, the info is useful. Could you please point out my mistakes here?