Streaming live at 10am (PST)

Selecting Boxes click/unclick


#1

Hi,

I wish to click multiple selection boxes as shown in the site below, within the styles container (the boxes will light up as green as you hover over). I know this may need some code, just wondering if anyone out there knows what might be needed!

Also handy to unlick them, with a maximum of selecting them all.

http://inkfndry.webflow.io/artist-onboarding/untitled#


#2

Hi, @bwalls1992.

If you want that the buttons/boxes simply change color on click, you will have to add a background color div inside the each link-block and make interaction with Click trigger, which will make that div display: block on first click and display: none on second click.

And if you want that every button/box send some value/information with the form, then I would suggest using checkbox-fields, styled like buttons + the method I wrote above.

Regards,
Anna


#3

Wow thanks @sabanna !!


#4

Ok,
so i have doe what you have asked:
1. Place background div into link block
2. configure click trigger

however it is not working for me, the click will not hold... any ideas

https://preview.webflow.com/preview/inkfndry?preview=26bcfd6d07cd5a400b5b3f8d2e097811




#5

Hi, @bwalls1992

Here is video how to do this effect correctly: https://youtu.be/Pa4fd8PJ4Vw

Cheers,
Anna


#6

Great @sabanna successfully implemented,

One last thing, I have tried to change the text colour on click, so i created a copy of the global class 'textbox' set it to absolute, then set a new interaction on linkbox to change colour on click... however i have come into formatting issues with my new textbox and i can;t use a combo class in interactions...

Any ideas?

thanks


#7

@sabanna i figured it out... i made another 2 coluor divs and put the 2 text colours inside... took some brain power!! hahah


#8