Plugins
0

BuddyHolis ListSearch

LICENSE TYPE: INFINITE

Description

ListSearch is a super light-weight list filter that works with html lists with standard list markup.

Installation

  • Click install to install the plugin or move the folder to your plugins directory.
  • Click avtivate.
  • Thats all!

Demo, Support & Documentation

  • Too easy to use for massive docs

Features

  • Install, Activate and you are done
  • Only 4kb of code
  • Added css class for easy styling
  • Set custom placeholder
  • Set custom list id

Installation

  • Click install to install the plugin or move the folder to your plugins directory.
  • Click avtivate.
  • Thats all!

FAQ

Create a standard html list (ol or ul) with li list elements. Style and design the table how you like it. Add the shortcode [listsearch] to your content, to use the plugins default parameters id=MyList, class=ts-main, placeholder=Search something. Output will be a Searchbox with shadow and icon that allows to filter a list by just hiding li elements, that do not match the search input.

Use [listsearch id="YourCustomListID" placeholder="YourCoolPlaceholder" css="YourCustomCSSClass"]. Important: In this case, your list needs to have the id YourCustomListID ex.

    or

Set the class paramter or simply change the css-file inside the plugins folder (will not survive updates). If you want your css to survice, add the css to a css plugin.

I am not a coder and this plugin was created for learning purposes. But, well, maybe later I create some extensions for this. Let me know what you think of.

Use it

  • BuddyHoli?s ListSearch
  • BuddyHoli?s TableSearch

Leave a Reply

Your email address will not be published.

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Most Viewed Posts
Menu