Finsweet CMS filter - deselect active state when selecting new filter - Custom code - Forum

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Finsweet CMS filter - deselect active state when selecting new filter - Custom code - Forum | Webflow</title> <meta name="description" content="I am using Finsweet CMS filter to show collection items. I have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user&hellip;"> <meta name="generator" content="Discourse 3.4.0.beta4-dev - https://github.com/discourse/discourse version c8ccf79545125d4c74edef9e463e07518b245bf5"> <link rel="icon" type="image/png" href="https://us1.discourse-cdn.com/webflow1/optimized/4X/5/1/0/51031619028f7bbc7a63c259f67678de83c0b4bd_2_32x32.png"> <link rel="apple-touch-icon" type="image/png" href="https://us1.discourse-cdn.com/webflow1/optimized/4X/5/1/0/51031619028f7bbc7a63c259f67678de83c0b4bd_2_180x180.png"> <meta name="theme-color" media="all" content="#ffffff"> <meta name="color-scheme" content="light"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover"> <link rel="canonical" href="https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134" /> <link rel="search" type="application/opensearchdescription+xml" href="https://discourse.webflow.com/opensearch.xml" title="Forum | Webflow Search"> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/color_definitions_webflows-design_1_6_aa73597e5a8d5ee7c0549005120b061f04fff8f8.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" class="light-scheme"/> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/checklist_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="checklist" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-adplugin_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-adplugin" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-ai_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-ai" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-akismet_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-akismet" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-cakeday_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-cakeday" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-calendar_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-calendar" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-data-explorer_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-data-explorer" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-details_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-details" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-lazy-videos_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-lazy-videos" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-local-dates_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-local-dates" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-narrative-bot_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-narrative-bot" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-policy_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-policy" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-presence_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-presence" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-reactions_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-reactions" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-solved_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-solved" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-templates_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-templates" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-topic-voting_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-topic-voting" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/footnote_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="footnote" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/hosted-site_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="hosted-site" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/poll_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="poll" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/spoiler-alert_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="spoiler-alert" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-ai_desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-ai_desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-calendar_desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-calendar_desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-reactions_desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-reactions_desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/discourse-topic-voting_desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="discourse-topic-voting_desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/poll_desktop_25c8a66b6f9289875c555ab3856f95e441881976.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="poll_desktop" /> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/desktop_theme_11_027b16a28250f2616c7ed91a50e8bcb755f33f2f.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="11" data-theme-name="discourse-right-sidebar-blocks"/> <link href="https://sea2.discourse-cdn.com/webflow1/stylesheets/desktop_theme_6_36cb9c9a28546f99c775c7d661b6c431552d4668.css?__ws=discourse.webflow.com" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="6" data-theme-name="2017 header"/> <meta class="swiftype" name="importance" data-type="integer" content="1"> <link rel="apple-touch-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png"> <script type="text/javascript" src="https://daks2k3a4ib2z.cloudfront.net/52cf50823d343d6104000288/js/webflow.b67a707b9.js" nonce="AGuf9Ov2tgixdwdcevGaxC2XI"></script> <meta id="data-ga-universal-analytics" data-tracking-code="G-CGKDKX3DDP" data-json="{"cookieDomain":"auto"}" data-auto-link-domains=""> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CGKDKX3DDP" nonce="AGuf9Ov2tgixdwdcevGaxC2XI"></script> <script defer src="https://us1.discourse-cdn.com/webflow1/assets/google-universal-analytics-v4-e154af4adb3c483a3aba7f9a7229b8881cdc5cf369290923d965a2ad30163ae8.gz.js" data-discourse-entrypoint="google-universal-analytics-v4" nonce="AGuf9Ov2tgixdwdcevGaxC2XI"></script> <link rel="alternate nofollow" type="application/rss+xml" title="RSS feed of 'Finsweet CMS filter - deselect active state when selecting new filter'" href="https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134.rss" /> <meta property="og:site_name" content="Forum | Webflow" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://us1.discourse-cdn.com/webflow1/original/4X/c/2/1/c2192a88e06ae7971e0db56b3d76666e38db7982.png" /> <meta property="og:image" content="https://us1.discourse-cdn.com/webflow1/original/4X/c/2/1/c2192a88e06ae7971e0db56b3d76666e38db7982.png" /> <meta property="og:url" content="https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134" /> <meta name="twitter:url" content="https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134" /> <meta property="og:title" content="Finsweet CMS filter - deselect active state when selecting new filter" /> <meta name="twitter:title" content="Finsweet CMS filter - deselect active state when selecting new filter" /> <meta property="og:description" content="I am using Finsweet CMS filter to show collection items. I have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user to select MANY buttons together. How can I turn off the active button when a new button is pressed? Example: Click “Quoting” and the quoting button is active and the related items appear below. Click “Payments” and I want the Quoting button to turn off and only the Payment ..." /> <meta name="twitter:description" content="I am using Finsweet CMS filter to show collection items. I have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user to select MANY buttons together. How can I turn off the active button when a new button is pressed? Example: Click “Quoting” and the quoting button is active and the related items appear below. Click “Payments” and I want the Quoting button to turn off and only the Payment ..." /> <meta property="og:article:section" content="Design help" /> <meta property="og:article:section:color" content="ED52CB" /> <meta property="og:article:section" content="Custom code" /> <meta property="og:article:section:color" content="ED52CB" /> <meta property="article:published_time" content="2024-11-13T21:57:05+00:00" /> <meta property="og:ignore_canonical" content="true" /> <script type="application/ld+json">{"@context":"http://schema.org","@type":"QAPage","name":"Finsweet CMS filter - deselect active state when selecting new filter","mainEntity":{"@type":"Question","name":"Finsweet CMS filter - deselect active state when selecting new filter","text":"I am using Finsweet CMS filter to show collection items.\n\nI have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user to select MANY buttons together. How can I turn off the active button when a …","upvoteCount":0,"answerCount":0,"datePublished":"2024-11-13T21:57:05.864Z","author":{"@type":"Person","name":"inswav","url":"https://discourse.webflow.com/u/inswav"}}}</script> </head> <body class="crawler browser-update"> <script defer="" src="https://sea2.discourse-cdn.com/webflow1/theme-javascripts/957f8d5e4db346f8b8097b4b833fa8f645c64e80.js?__ws=discourse.webflow.com" data-theme-id="6" nonce="AGuf9Ov2tgixdwdcevGaxC2XI"></script>  <header> <a href="/"> Forum | Webflow </a> </header> <div id="main-outlet" class="wrap" role="main"> <div id="topic-title"> <h1> <a href="/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134">Finsweet CMS filter - deselect active state when selecting new filter</a> </h1> <div class="topic-category" itemscope itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/design-help/custom-code/22" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>Design help</span> </span> </a> <meta itemprop="position" content="1" /> </span> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/design-help/custom-code/22" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>Custom code</span> </span> </a> <meta itemprop="position" content="2" /> </span> </div> </div> <div itemscope itemtype='http://schema.org/DiscussionForumPosting'> <meta itemprop='headline' content='Finsweet CMS filter - deselect active state when selecting new filter'> <link itemprop='url' href='https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134'> <meta itemprop='datePublished' content='2024-11-13T21:57:05Z'> <meta itemprop='articleSection' content='Custom code'> <meta itemprop='keywords' content=''> <div itemprop='publisher' itemscope itemtype="http://schema.org/Organization"> <meta itemprop='name' content='Webflow, Inc.'> <div itemprop='logo' itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop='url' content='https://us1.discourse-cdn.com/webflow1/original/4X/e/b/1/eb19ce7465a78b3ad09542938a701680598b0bb0.svg'> </div> </div> <div id='post_1' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" rel='nofollow' href='https://discourse.webflow.com/u/inswav'><span itemprop='name'>inswav</span></a> (inswav) </span> <link itemprop="mainEntityOfPage" href="https://discourse.webflow.com/t/finsweet-cms-filter-deselect-active-state-when-selecting-new-filter/297134"> <span class="crawler-post-infos"> <time datetime='2024-11-13T21:57:05Z' class='post-time'> November 13, 2024, 9:57pm </time> <meta itemprop='dateModified' content='2024-11-13T21:57:05Z'> <span itemprop='position'>1</span> </span> </div> <div class='post' itemprop='text'> <p>I am using Finsweet CMS filter to show collection items.<br> I have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user to select MANY buttons together. How can I turn off the active button when a new button is pressed?</p> <p>Example:</p> <p>Click “Quoting” and the quoting button is active and the related items appear below.</p> <p>Click “Payments” and I want the Quoting button to turn <strong>off</strong> and only the Payment button is active with only the payment items below.</p> <p>The way it is now, each button you press activates everything together.</p> <p>Here is my sharable link: <a href="https://preview.webflow.com/preview/insurecert?utm_medium=preview_link&utm_source=designer&utm_content=insurecert&preview=0e173adf9d06edf10f18dddd11fb0c43&pageId=67116a85705e47a0ac5d1caf&locale=en-CA&workflow=preview" class="inline-onebox">Webflow - Insurecert.ca</a></p> <hr> <p>Here is my site Read-Only: <strong><a>LINK</a></strong><br> (<a href="https://university.webflow.com/article/sharing-your-sites-read-only-link">how to share your site Read-Only link</a>)</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_2' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" rel='nofollow' href='https://discourse.webflow.com/u/memetican'><span itemprop='name'>memetican</span></a> (Michael Wells) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-11-14T04:40:55Z' class='post-time'> November 14, 2024, 4:40am </time> <meta itemprop='dateModified' content='2024-11-14T04:40:55Z'> <span itemprop='position'>2</span> </span> </div> <div class='post' itemprop='text'> <p>You need to redesign your filter so that it uses radio buttons rather than checkboxes. Give them all the same group setting, and the user will only be able to choose one at a time.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> </div> <div id="related-topics" class="more-topics__list " role="complementary" aria-labelledby="related-topics-title"> <h3 id="related-topics-title" class="more-topics__list-title"> Related topics </h3> <div class="topic-list-container" itemscope itemtype='http://schema.org/ItemList'> <meta itemprop='itemListOrder' content='http://schema.org/ItemListOrderDescending'> <table class='topic-list'> <thead> <tr> <th>Topic</th> <th></th> <th class="replies">Replies</th> <th class="views">Views</th> <th>Activity</th> </tr> </thead> <tbody> <tr class="topic-list-item" id="topic-list-item-236590"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='1'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.webflow.com/t/finsweet-attributes-add-active-class-to-all-reset-button/236590' class='title raw-link raw-topic-link'>Finsweet Attributes: Add Active Class to All (reset) button</a> </span> <div class="link-bottom-line"> <a href='/c/design-help/custom-code/22' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name'>Custom code</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>5</span> </td> <td class="views"> <span class='views' title='views'>2719</span> </td> <td> July 17, 2023 </td> </tr> <tr class="topic-list-item" id="topic-list-item-231126"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='2'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.webflow.com/t/highlighting-the-view-all-filter-radio-button-using-finsweet-attributes/231126' class='title raw-link raw-topic-link'>Highlighting the 'View all' filter (radio button) using FinSweet Attributes</a> </span> <div class="link-bottom-line"> <a href='/c/design-help/custom-code/22' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name'>Custom code</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>9</span> </td> <td class="views"> <span class='views' title='views'>3283</span> </td> <td> April 18, 2024 </td> </tr> <tr class="topic-list-item" id="topic-list-item-273295"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='3'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.webflow.com/t/finsweet-cms-filter-active-state/273295' class='title raw-link raw-topic-link'>Finsweet CMS filter - active state</a> </span> <div class="link-bottom-line"> <a href='/c/design-help/general/8' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name'>General</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>2</span> </td> <td class="views"> <span class='views' title='views'>650</span> </td> <td> May 6, 2024 </td> </tr> <tr class="topic-list-item" id="topic-list-item-234115"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='4'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.webflow.com/t/active-state-for-reset-button-on-filter/234115' class='title raw-link raw-topic-link'>Active state for reset button on filter</a> </span> <div class="link-bottom-line"> <a href='/c/design-help/cms/28' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED52CB'></span> <span class='badge-category clear-badge'> <span class='category-name'>CMS</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>3</span> </td> <td class="views"> <span class='views' title='views'>1172</span> </td> <td> April 9, 2023 </td> </tr> <tr class="topic-list-item" id="topic-list-item-260096"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='5'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.webflow.com/t/accessible-form-filter-components/260096' class='title raw-link raw-topic-link'>Accessible Form Filter Components</a> </span> <div class="link-bottom-line"> <a href='/c/community/35' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #7A3DFF'></span> <span class='badge-category clear-badge'> <span class='category-name'>Community resources</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>203</span> </td> <td> November 9, 2023 </td> </tr> </tbody> </table> </div> </div> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://webflow.com/legal/terms' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://webflow.com/legal/privacy' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer>  <script defer="" src="https://sea2.discourse-cdn.com/webflow1/theme-javascripts/085bdcedf778a4cf176b3d1b6f8e43433368c37d.js?__ws=discourse.webflow.com" data-theme-id="6" nonce="AGuf9Ov2tgixdwdcevGaxC2XI"></script> <div class="buorg"><div>Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is unsupported</a>. Please <a href="https://browsehappy.com">switch to a supported browser</a> to view rich content, log in and reply.</div></div> </body> </html>

CINXE.COM

Finsweet CMS filter - deselect active state when selecting new filter - Custom code - Forum | Webflow