BuddyHolis ListSearch

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

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

How do I use the plugin?

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.

How can I customize the shortcode?

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

How can I style the plugin?

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.

Du you plan any updates?

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.

How can I donate you?

Use it 🙂

What is your Portfolio?

• BuddyHoli?s ListSearch
• BuddyHoli?s TableSearch

1.1.0

• Initial release