Sorry but I did not quite understand what are you trying to achieve. Can you please describe me more. Also take a look at our documentation about placeholders and maybe you can find something useful there.
In the screen shot attached you will see the default search box. I would like to have placeholder text in the search box.
Here is my test site (http://testvlc.dcs.mcnc.org/students/find-a-course/ ) where I am using wpdatatables and have modified the placement of the filters with css. I did it this way so I wouldn't break the template. The search box at the top is the one from your plugin, which I would like to place some example text in like this "e.g., ACA 085, Accounting, etc."
This is possible only if you are using URL link to pre-filter the table. You can take a look at this documentation where you can find out how to make it. Hope this helps.
Unfortunately something like that is not possible out of the box. Only way to pre-filter global search input is to pass a value through URL like Bogdan wrote you in the reply before this. So if you want to pre-filter your table you'll have to do something like this http://testvlc.dcs.mcnc.org/students/find-a-course/?wdt_search=ACA%20085
I am wanting to add placeholder text to the table search input box.
Hi Wesley Lawson,
Thank you for your purchase.
Sorry but I did not quite understand what are you trying to achieve. Can you please describe me more.
Also take a look at our documentation about placeholders and maybe you can find something useful there.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
In the screen shot attached you will see the default search box. I would like to have placeholder text in the search box.
Here is my test site (http://testvlc.dcs.mcnc.org/students/find-a-course/ ) where I am using wpdatatables and have modified the placement of the filters with css. I did it this way so I wouldn't break the template. The search box at the top is the one from your plugin, which I would like to place some example text in like this "e.g., ACA 085, Accounting, etc."
I hope this makes sense. Love the plugin!
Wes
Hi Wesley,
This is possible only if you are using URL link to pre-filter the table.
You can take a look at this documentation where you can find out how to make it.
Hope this helps.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hey Bogdan,
Thank you for the reply. This isn't actually what I am trying to do. I don't want to pre-filter using global search. Here is what I am trying to do.
Currently the input for the search bar is this:
<input class="Search" aria-controls="table_1" placeholder="" type="search">
I am wanting to add placeholder text similar to this:
<input class="Search" aria-controls="table_1" placeholder="e.g., ACA 085 " type="search">
I have tried to edit one or two template files, but the text never gets pulled into the actual template. Is this possible?
Thanks,
Wes
Hi Wesley Lawson,
Unfortunately something like that is not possible out of the box. Only way to pre-filter global search input is to pass a value through URL like Bogdan wrote you in the reply before this. So if you want to pre-filter your table you'll have to do something like this http://testvlc.dcs.mcnc.org/students/find-a-course/?wdt_search=ACA%20085
Hi Wesley,
You can always use javascript or jQuery to do the modification on the elements, here is the way using jQuery:
jQuery('input[type=search]').attr('placeholder', 'hello' );