Custom Filter Button Order

SPECIAL NOTE: This FAQ is now only applicable to older versions of the plugin.

Now you can customize the order of your filter buttons by dragging the filter options on top of one another with your mouse as shown here:

 

filter-order

 


 

Version 1.0.7 of Essential Grid introduced a new feature in the Grid’s main settings called “API / JavaScript”. In this section, you can paste custom JavaScript that will be included with the Grid when added to one of your pages.

If you don’t have version 1.0.7 or higher, register the plugin, and then in then click on the Search for Updates button and you’ll be able to automatically update.

custom_javascript

 

Below is an example script that will reorder the filter buttons on the page, based on a custom order that you designate. Each “case” part of the “switch” statement represents the text currently being used for a filter button, in lowercase letters. Add or remove “case” items to the “switch” statement, and edit the text to match a custom filter button order for your particular Grid (make sure to use lowercase letters only).

 

After editing the above script to match your custom button order, paste it into the “Custom JavaScript section and click “Save Grid” as shown in the following screenshot:

custom-js-filters