Tablepress search field questions

  • Resolved rekmit

    (@rekmit)


    11 years, 11 months ago

    Hi, I have a couple of Qs concerning the Tablepress search field…

    1. I would like to rename “search” into something else
    2. It appears that the text “show” before the number of entries selector is not perfectly aligned with “search”. “Show” is just a little bit higher.
    3. I would like to add a little bit more whitespace between the number of entries selector / search field and the table (so move the table down a bit).
    4. I would like to remove the blue box surrounding the search field input box when you click it, or at least change the color.
    5. Also I would like to remove the blue color surrounding the next/previous arrows when hovering over them.
    It would be great if someone could help with the above Qs. Thanks!

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

    (@tobiasbg)

    11 years, 11 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    For 1.: That’s possible with this TablePress Extension: http://tablepress.org/extensions/change-datatables-strings/

    For the other questions, we will need to use some CSS code. In order to find that code, I’ll need to take a look at the page with the table in question. Can you please provide a link? Thanks!

    Regards,
    Tobias

    Thread Starter rekmit

    (@rekmit)

    11 years, 11 months ago

    Hi Tobias, thank you for the speedy response, much appreciated. Here is the link: http://www.transferpricing.wiki/general-transfer-pricing-information/country-matrix/

    Re my Q5: changing the color surrounding the arrows would also be fine.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 11 months ago

    Hi,

    thanks for the link!
    Here’s some CSS code (for the “Custom CSS” textarea on the “Plugin Options” screen of TablePress) that should fix most of your issues:

    .dataTables_length {
  padding-top: 3px;
}
.dataTables_filter {
  margin-bottom: 5px;
}
.dataTables_wrapper label input,
.dataTables_wrapper label select {
  outline: 0;
}
.paginate_disabled_next:after,
.paginate_disabled_previous:before,
.paginate_enabled_next:after,
.paginate_enabled_previous:before {
  text-shadow: none;
}

    Regards,
    Tobias

    Thread Starter rekmit

    (@rekmit)

    11 years, 11 months ago

    Hi Tobias, thanks!

    The plugin does not appear to be working. As soon as I change anything in the lang-en_US.json file in the new plugin folder, the .js features disappear (no paginating, no search). Am I doing something wrong?

    Also the CSS code does fix the alignment but not the blue highlighting of the search box and the next/previous arrows.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 11 months ago

    Hi,

    can you please change the JSON file so that it does not work again? That way, I can investigate what’s the reason for that.

    The CSS changes work for me, in Google Chrome I don’t see the blue outline nor the borders around the next/previous errors. What browser are you using?

    Regards,
    Tobias

    Thread Starter rekmit

    (@rekmit)

    11 years, 11 months ago

    Done!

    Ah, I see the blue stuff is gone in Safari, I was testing with Firefox.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 11 months ago

    Hi,

    thanks! From what I can see, the program that you are using to edit the JSON file is not using regular (upright) quotation marks " but some fancy ones “.
    Can you please try editing that file again in Notepad or TextEdit?

    For the blue outline, we can also try to be more aggressive: Please try replacing`

    .dataTables_wrapper label input,
.dataTables_wrapper label select {

    with

    .dataTables_wrapper label input,
.dataTables_wrapper label input:focus,
.dataTables_wrapper label select,
.dataTables_wrapper label select:focus {

    Regards,
    Tobias

    Thread Starter rekmit

    (@rekmit)

    11 years, 11 months ago

    Ah, yes I was using TextEdit but for some reason some of the quotation marks got replaced with fancy ones. This works, many thanks!

    Replaced CSS but blue borders remain in Firefox. But that doesn’t bother me too much, so no worries!!

    Thank you so much for you excellent and quick support, much appreciated.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 11 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Firefox might be a little bit more strict here then, as this blue outline serves a usability aspects for users as well.

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Tablepress search field questions’ is closed to new replies.