Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Real-Time Filtering Solution for Relume Input Element

Avatar of Diana R.Diana R.
·

Hi everyone! 👋 I'm using this filter from Relume: https://www.relume.io/components/filters-6. The filtering itself works great, but the search (input element) only triggers when I press Enter. I'd love to have real-time filtering as I type. I've tried multiple approaches, but nothing seems to work. Does anyone know how to achieve this? Any help would be greatly appreciated! 🙏

10 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Diana R. I'm assuming in order to get the filtering working, you used Finsweet CMS filters attributes. If so, it looks like you'll just want to "hide" the submit button and then the attributes will know to just filter the list instantly. The easiest way to do this is to use the visibility toggle.

    🔥1
    ❤️1
  • Avatar of Diana R.
    Diana R.
    ·

    Hi Matt, thank you so much for your reply! Are you sure there is a submit button in this filter?https://www.relume.io/components/filters-6

  • Avatar of Diana R.
    Diana R.
    ·

    Would you be able to take a look at my project and let me know why the search only works when pressing Enter? Here’s the preview link: 🔗 Webflow Preview I’d really appreciate any insights!🙏

  • Avatar of Matt J.
    Matt J.
    ·

    Diana R. technically the apply button is the form submit button.

    ❤️1
    😍1
    🔥1
  • Avatar of Matt J.
    Matt J.
    ·
  • Avatar of Diana R.
    Diana R.
    ·

    Thank you so much! It worked – now I have live search. I'm really grateful, I spent a lot of time on this. Could you please tell me, if I hide the "Apply" button, what would be the best way to replace it so that the filter still works as before (applying the selected categories)?

  • Avatar of Diana R.
    Diana R.
    ·

    Or maybe it is better not to use it at all

  • Avatar of Matt J.
    Matt J.
    ·

    Diana R. yeah it appears to be an all or nothing scenario - if a user applies some filters in the menu though, it should filter instantly as well

    🙌1
  • Avatar of Diana R.
    Diana R.
    ·

    Thank you!!!!

  • Avatar of Diana R.
    Diana R.
    ·

    Could you please also help me with this? How can I remove the asterisk in a tag when I search by word?