Forum | Appery.io

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?

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.

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

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?

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.