Community forum for knowledge and support

Updated last year

Customizing Button Collection to Stay in Blue on Page Load

At a glance

Hi Guys, I want to ask maybe someone can help me, so I customize this button collection when it is publish on load I want to make it to stay in blue without clicking in, cause whenever I tried to on load the page all deals button stays like picture below

S
T
M
10 comments

Hi Tsamarah, how are you implementing the button row? Is this using a finsweet extension?

CC (webflow question)

hi sam yeah I use finsweet and here is the preview link, I still cannot figure it out how when on load the all deals showing blue rather than when clicked on it https://preview.webflow.com/preview/bluesg?utm_medium=preview_link&utm_source=designer[…]7c60a1347e&pageId=656d3ebe0b2fc19ffd095e94&workflow=preview

Thanks for sharing that Tsamarah. I'll leave this to when he's online as he's our expert.

if you are using the finsweet CMS Filters attributes, you’ll want to use the option “active class” and leave this class on that button.

In your context, you’ll also want to hook up the “clear” attribute to this button.

If this doesn’t resolve your issue please provide a read-only link and published URL so I can investigate further! 💪

it should be on partner deals pages. and you will see the all deals button

you'll want to make sure that your "All Deals" button is a radio button like your other filter controls. Right now its actually a link block. It should be a form radio button. Then the attribute that yo have on there that is "checked=checked" should actually work properly.

hi is still not working, is there any way to make the link button works? without changing it into radio button?

I just implemented this exact solution 3 times on one site. You'll want to make sure that all your radio buttons share the same group name so that they are connected in that way.

You can also try the Input Active attributes.

Add a reply
Sign up and join the conversation on Slack