Simple-Jekyll-Search | JavaScript library to add search functionality | Theme library
kandi X-RAY | Simple-Jekyll-Search Summary
kandi X-RAY | Simple-Jekyll-Search Summary
A JavaScript library to add search functionality to any Jekyll blog.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Fuzzily search for a string
- Search for the snippet
- this function is used for tests
- Checks whether string argument is .
- helpers for debugging
- keyboard input
- Clear the results
- value - 0
Simple-Jekyll-Search Key Features
Simple-Jekyll-Search Examples and Code Snippets
Community Discussions
Trending Discussions on Simple-Jekyll-Search
QUESTION
I have got the following search input on my blog which works great so far using simple-jekyll-search
. I display the results in a card with z-index: 2;
However when there are no search results, the card doesn't flex to the full width. I just don't understand what I am doing wrong here.
Please find bellow the relevant code. The search results are getting assigned by id search-result
as list items.
- How can I properly use the
flex
classes here to make the "No results found" text flex to the full width? - Where should I place the
flex-column
,flex-sm-row
andflex-sm-fill
? - How do the
d-flex
classes play in here?
ANSWER
Answered 2019-Aug-05 at 22:15You don't need flex
classes here to make "No results found" to full width. In fact, the reason why that doesn't take the full width is because with absolute positioning, the element's width is set to auto
. "No results found!" is not long enough to cover the whole width of the input group.
The fix is either to set the result box's width to 100%, or to tell the absolute positioning element where to start from the left and right, i.e., left: 0; right: 0;
.
QUESTION
I am trying to incorporate a search function into my Jekyll site. I therefor decided to go with with Simple-Jekyll-Search
which can be found here: Link.
This is what my search.html
looks like:
ANSWER
Answered 2019-Jul-30 at 22:26Hide card class in your stylesheet first.
QUESTION
I'm using Jekyll and have a custom folder called docs
with this structure:
The folder is organized as nested categories, but from what I understand from this pull request I can only have one extra level if I use collections_dir
like this:
ANSWER
Answered 2019-Apr-17 at 20:48You can iterate over all of your collections in Jekyll and then access the documents/files within each of those collections. See the Jekyll docs on iterating over collections and accessing their documents.
So you'd just have to slightly tweak what you've got there to be something like:
QUESTION
I am using the Simple-Jekyll-Search library for a website I am currently building.
I want to have a feature where a user can click on a button (imagine tag or category buttons beneath the text input), and that automatically populates the search box with the corresponding tag name, and performs the search.
I have managed to achieve the first part of it by simply setting the search input's value to my desired text, and then I tried to trigger a various key events but unfortunately this doesn't seem to trigger the search. Of course, the search box works normally and results do appear when I type into it manually.
Looking at the library's source file, this seems to be the relevant part to trigger the search, but as far as I can see, I should just need to send a keyup event to the search input to trigger the search.
...ANSWER
Answered 2018-Mar-21 at 13:23I managed to solve the problem not by triggering keypresses, but it turns out that the Simple-Jekyll-Search API allows for programmatic search:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install Simple-Jekyll-Search
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page