header-plugin-img

Live Search Filter Plugin for WordPress by CreativeMinds

Home >> All Products >> WordPress Plugin

Our WordPress Live Search Filter plugin allows you to easily add live search to your admin dashboard and to selected posts.

Fast Live Search Filter Description

The Fast Live Search Filter plugin allows you to add a fast live search filter to elements on both the front end and the backend of your WordPress site..

Users can search and filter posts using this live search plugin, as well as enable live search. The WordPress live search plugin supports adding the fast live search filter in three different ways:

  • Add fast search filter to tables on your admin backend dashboard
  • Add fast search filter to tables on any frontend page or post you create
  • Add fast search filter to tables or lists which have been created by other plugins

Watch our search filter plugin tutorial.

Using the Live Search Filter

  • Allow users to quickly find what they need in any long table or list which is shown on your site without the need to develop a search solution
  • Support quick filtering of admin dashboard grids to streamline your admin work
  • Enhance external plugins outputs when load of data is displayed

Live Search Filter Plugin Additional Resources

Live Search Filter Related Plugins

Curated List Manager Pro$39.00Add to Cart
Great tool for content marketers to organize and publish content or build knowledge bases.
CM Admin Tools Pro$29.00Add to Cart
A selection of handy Admin tools to improve your WordPress admin dashboard and overall site performance and security.
CM Table of Contents Pro$29.00Add to Cart
Easily add a table of contents to the any part of a page or post on your WordPress site. Support multiple page structure

Live Search Filter Plugin Features

Please check the user guide to learn more about this plugin.

Option 1- Add fast search filter to tables and grids on the admin dashboard

In the plugin options, select the parts of the admin dashboard where you want to add the search filter. You can choose between:

  • Plugins
  • Pages and Posts
  • Categories and tags
  • Comments
  • Users
CM Fast Live Search Filter - Plugin Settings Predefined Admin Filters

CM Fast Live Search Filter – Plugin Settings Predefined Admin Filters

This will allow you to search within the specific admin page you’re in, and see the results narrowing down as you type your search query, as shown below:

Example of Search Live Filter In Action

Option 2- Search within tables or lists within pages on the front end

When building your html table (table tag) or list (ul tags), add a class name to the container. Then, copy the plugin shortcode to the top of the page and insert the same container class into the shortcode “container selector” parameter. The fast search bar will be added to the top of the page or post and when typing your query, lists and tables will be narrowed down accordingly.

The shortcode will contain the selector value in the following format: [cm_fast_live_search_filter container_selector=”(jQuery selector)”]. if the table does not include a css or id declaration you can add one to it For example:

If your HTML List tag (UL) has the following class: class="my-list-of-fruits", then you need to define the shortcode to have the container_selector=".my-list-of-fruits"

In case your HTML Table tag (TABLE) ID is: id="table-6", define the shortcode to have the container_selector="#table-6"

Option 3- Add fast search rules to tables and lists created by other plugins

Under options->Rules, add a new rule by inserting the class or id, and specify the page or URL where you want to insert the filter. The fast search bar will be added to the page automatically, allowing to filter items within lists and pages.

If your page or post already has a search field defined, you can apply the fast search filter on it by adding rules in the plugin options, as shown below:

CM Fast Live Search Filter - Manually Declaring Search Filters

CM Fast Live Search Filter – Manually Declaring Search Filters

In this case the page will have two tags which we are targeting, the input html tag and the ul or table tag like in the following example

input type="text" id="input1" and ul id="list1" We need to place both the ID of the Id of the URL tag in the Filter input selector and container selector. If it is an ID you should place # before the name and if it is a class you should put a dot before it. So in the example above the Filter input selector should have #input1 and the container selector #list1

Live Search Filter Additional Shortcode Parameters

The shortcode also supports the following parameters –

  • background — color of the filter input background (color name e.g. yellow, or hex color representation e.g. #00FF00)
  • placeholder — short hint displayed in the input field before the user enters a value
  • id — css id added to filter input
  • class — css class name added to filter input

Live Search Filter Demo

2016-01-10_16-43-16

This demo shows an easy way to add a fast filter to an existing table inside a post using a shortcode

Go to Search Filter Demo

Live Search Filter Image Gallery

Version 1.0.5 25th May 2017

  • Updated licensing dashboard

Version 1.0.4 24th May 2016

  • Updated licensing dashboard

Version 1.0.3 20th March 2016

  • Updated licensing api support.

Version 1.0.2 25th Feb 2016

  • Added automatic updates from plugin dashboard
  • Replaced plugin admin interface including license activation and userguide

Version 1.0.1 10th Jan 2016

  • License system upgrade
  • Compatibility with WP 4.4

Version 1.0.0 20th June 2015

  • First Release