Hi,
thanks for your post.
Unfortunately, I can’t check your table, as the link you have posted only links to a page preview, which is not accessible for outside users, but only registered/logged-in users of your site.
Could you therefore please publish that page, so that I can take a look?
Thanks,
Tobias
Hi Tobias!!!
Thanks so much for responding. Sorry I didn’t give you the right link. Here’s where I uploaded the table. 🙂
https://support.cfsystemsonline.com/?page_id=16
thanks so much for your help!!
Hi,
thanks for the new link! Now I can see your table! 🙂
The reason for this behavior is in your theme, which sets some weird default CSS code for form elements on your page.
To fix this, please add the following code to the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.
.dataTables_filter label,
.dataTables_filter input,
dataTables_length label,
dataTables_length select {
float: none;
width: auto;
}
Regards,
Tobias
Hi Tobias,
i am new in WP and i want to display a search box in which a light color text should be displayed “search by Name”. and when a user click on a search box the text should be disappeared. Can you help me please i am waiting for your kind and quick response.
Regards,
Aziz
Hi Aziz,
thanks for your question.
Unfortunately, I can not directly help with this, as this seems to be more of a theme related question. You might want to try in the Themes and Templates section of the forums.
Or do you want this for search box that you get above a table that was made with the WP-Table Reloaded plugin?
Regards,
Tobias
Thank you Tobias! That looks beautiful now. I ended up putting float:right so the search: would be on one line and the box be on the next. Looks great. Thanks!!! 🙂
Hi,
awesome! Great to hear that this worked so nicely!
Best wishes,
Tobias
Thanks Tobias for your response,
yes i am interested in the search box that is displayed above the table and it is related to the WP-Table Reloaded plugin. Have you any guideline please help me out.
Regards,
Aziz
Hi Aziz,
thanks for the clarification! Then this is of course the correct place to ask!
The best way that I see for this is to use the HTML5 “placeholder” attribute. Please try adding the following code to the “functions.php” of your theme or into a small new plugin.
add_filter( 'wp_table_reloaded_js_frontend_all_commands', 'wp_table_reloaded_add_filter_placeholder' );
function wp_table_reloaded_add_filter_placeholder( $commands ) {
$commands .= '$(".dataTables_filter input").attr("placeholder", "Search by Name");';
return $commands;
}
This will add “Search by Name” to the search field of all tables.
Regards,
Tobias
Hi Tobias, so the search box is not not running off the page, but is there a way to make the search box longer, and the show entries box shorter??
https://support.cfsystemsonline.com/?page_id=16
Hi,
ah, I made a mistake in my code above.
Can you please try again with
.dataTables_filter label,
.dataTables_filter input,
.dataTables_length label,
.dataTables_length select {
float: none;
width: auto;
}
.dataTables_filter input {
width: 150px;
}
And to you really want the “Search:” and the search field on different lines? To me, that just looks wrong and ugly…
Regards,
Tobias
Tobias, you made it look beautiful!!!! Thank you! No I don’t want it on two lines, that’s just perfect! Thank you thank you thank you! :):):):)
Hi,
sure, no problem! 🙂 You are very welcome! Good to hear that you like it now!
Best wishes,
Tobias
Dear Tobias,
As per our earlier conversation, you gave me a chunk of code i.e mention below. `add_filter( ‘wp_table_reloaded_js_frontend_all_commands’, ‘wp_table_reloaded_add_filter_placeholder’ );
function wp_table_reloaded_add_filter_placeholder( $commands ) {
$commands .= ‘$(“.dataTables_filter input”).attr(“placeholder”, “Search by Name”);’;
return $commands;
}`
whenever i apply this chunk of code my whole site crashed … but when i replace the original file its working again. please tell me what i do wrong. waiting your kind response.
Regards,
Aziz
Hi,
What does “my whole site crashed” mean? Do you get any error messages?
And where exactly did you place this code? It should go at the end of the “functions.php” file of your theme (before the ?> at the end), or into a small “Plugin Extension, which needs to be created with the instructions at http://tobias.baethge.com/2009/12/introducing-wp-table-reloaded-extensions/
Regards,
Tobias
