Support » Plugin: WP-Table Reloaded » Search box runs off page

Viewing 15 replies - 1 through 15 (of 23 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    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!!

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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!!! 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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! :):):):)

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Search box runs off page’ is closed to new replies.