描述
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?
评价
贡献者及开发者
更新日志
1.1.0
- Initial release