[Plugin: WP-Table Reloaded] Custom Search Box

  • Bronson2010

    (@bronson2010)


    15 years, 5 months ago

    I’m looking for a way to customize the search box.

    To make it look more like a standard wordpress search function [i.e. centered above table, larger box, default text in box, etc. ]

    CSS styling of search box to make it look better.

    Any help welcome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 5 months ago

    Hi,

    you can access the CSS of the search box through the .datatables_filter class, and the input field itself through .datatables_filter input.

    Please take a look at the 4th post here: http://wordpress.org/support/topic/plugin-wp-table-reloaded-how-to-make-these-css-changes
    There, I posted some example code to modify the search box.

    Best wishes,
    Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 5 months ago

    Hi,

    just as a note to my previous post:
    The correct CSS classes are .dataTables_filter and .dataTables_filter input. Case sensivity is important here. Sorry about the mistake.

    Regards,
    Tobias

    Thread Starter Bronson2010

    (@bronson2010)

    15 years, 5 months ago

    here’s what i’d like to do:

    1. move the “show x entries” below the table (b/c it interferes with the search box

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 5 months ago

    Hi,

    to move the “Show x entries” bar, you will need to add a “Custom Command” to the “Custom Commands” textfield in the “JavaScript library features” on the “Edit” screen of your table:

    "sDom": 'frtlip'

    This will move the bar below the table, as documented here:
    http://datatables.net/examples/basic_init/dom.html
    http://datatables.net/usage/options#sDom

    Best wishes,
    Tobias

    easternsolo

    (@easternsolo)

    15 years, 2 months ago

    Thanks Tobias for making and sharing such a powerful tool

    Can you help me to create a search box outside the WP Reloaded Table Page on left bar and then show the result on WP Reloaded Table Page?

    Thanks & Regards,

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 2 months ago

    Hi,

    that is not easy unfortunately, and I don’t really have an idea how one could do that. The API of the DataTables library allows for an easy positioning around a table, but something like you want is not possible with this approach. You will probably need to develop a custom search box that then triggers the filtering, by using the DataTables JavaScript API. This requires some programming though (which I’m not capable of in this case, as I’m not that much into JavaScript, sorry).

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘[Plugin: WP-Table Reloaded] Custom Search Box’ is closed to new replies.