Square slider or button press (I have example)

[sam5863015]

I am creating a easy to use form website that uses button presses to generate answers, I have included a example of what I would like to achieve.

I would like the boxes to either show a colour or display a number and if possible both, then once press it then only shows the number or dims the other boxes so you can clearly see that you have pressed box 3 for example. I would like this to eventually to record what button is pressed and then be added to a form.

Any idea how I can create such buttons?

[maxkatz]

You can definitely build such page and with such functionality, it's just a matter of coding such functionality. There is no out-of-the-box component that does exactly this.

[Kateryna Grynko]

For example, you could implement this using Grid cells with On Click event handlers for rating...

[sam5863015]

I take it then I could use the grid and inset images of colour boxes and then run 'on click' events for on click display image 4 (a green box with 4 centred)?

but then if i wanted something closer to what i have above id have to write the correct java script for it?

[Kateryna Grynko]

Sam,

You don't need images. You can set background with styles straight from the settings panel of the cell. The figure can also be shown as a simple text Label that you can hide or show of your choice.

In general, you can create On Click handler for each cell that indicates a particular value in localStorage.

That is, You can do visual settings without JS-code.