Giter Site home page Giter Site logo

Add board filtering about obsidian-kanban HOT 11 OPEN

mgmeyers avatar mgmeyers commented on July 21, 2024 6
Add board filtering

from obsidian-kanban.

Comments (11)

mgmeyers avatar mgmeyers commented on July 21, 2024 2

@justindirose A search box has been implemented! In the future I'll add tag autocomplete to the search box, and possibly other enhancements to make filtering cards easier.

from obsidian-kanban.

ybnd avatar ybnd commented on July 21, 2024 2

Since the search function adds .is-search-miss & .is-search-hit classes to the cards, you can implement some rudimentary board filtering with CSS snippets.
I use the following:

.kanban-plugin__item-wrapper {
  /* originally 4px, moved to child element to ensure hidden cards don't retain their margins */
  margin-top: 0px !important;

  .kanban-plugin__item {
    margin-top: 4px;

    &.is-search-miss {
      /* Hide cards that don't include the search terms */
      display: none;
    }

    &.is-search-hit {
      /* No longer relevant as the hits are the only cards shown */
      box-shadow: none;
    }
  }
}

from obsidian-kanban.

skillhacker-code avatar skillhacker-code commented on July 21, 2024 1

Thank you Mg Meyer the search box is awesome.

I have a big kanban board and it would be great if you can add an option to toggle between searches and show the card related to search .

Like when we search in a pdf .it show there are 3 searches and when we click the arrow it show each search result .

Thank you

from obsidian-kanban.

mgmeyers avatar mgmeyers commented on July 21, 2024 1

@alextroop Ah, that's a bug. Tags should definitely be searchable! I'll fix this in the next few days

from obsidian-kanban.

justindirose avatar justindirose commented on July 21, 2024

I just updated to 0.3.10, but I'm having difficulty finding the search box. Where should I be seeing it?

EDIT: I discovered it -- CMD/CTRL+F -- very nice!

I like how the search highlights the card. This might be nice to filter the board so cards that aren't matched are hidden. I'll have to play with it to see.

from obsidian-kanban.

mgmeyers avatar mgmeyers commented on July 21, 2024

Yeah, definitely let me know how it feels for you. There are some technical annoyances with completely hiding cards. I would have to disable drag & drop to get that to work, but it is an option

from obsidian-kanban.

alextroop avatar alextroop commented on July 21, 2024

Thank you for your work and for adding searching, using tags and search is what made it replace Trello labels for me.

I am a little confused about the implementation of tags though -- if I use a tag and display it in the card then it is searchable; if I hide it in the card title but show it under the card (as your formal tag display) then it isn't searchable. Or am I missing something about how to use the tags?

from obsidian-kanban.

tai-jui avatar tai-jui commented on July 21, 2024

Would it be possible for search to also search Metadata fields? Right now the search only searches for the field name, but ignores field values.

from obsidian-kanban.

FeralFlora avatar FeralFlora commented on July 21, 2024

Yeah, definitely let me know how it feels for you. There are some technical annoyances with completely hiding cards. I would have to disable drag & drop to get that to work, but it is an option

I think the ability to hide cards would be very valuable.

from obsidian-kanban.

antoinekh avatar antoinekh commented on July 21, 2024

I also upvote this. I would really like to be able to filter the board with just a tag to have a clean view

from obsidian-kanban.

pryley avatar pryley commented on July 21, 2024

I have submitted a pull request which adds a setting allowing you to search the kanban board when clicking a tag (instead of searching the Obsidian vault): #875

CleanShot.2024-01-02.at.00.53.47.mp4

from obsidian-kanban.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.