Filter clear button

Resolved biels
(@biels)

10 years, 7 months ago

Hi Tobias,

First of all, thanks for creating this masterpiece of a plugin, it works flawlessly. I’m trying it out for a potential live site and I think it’s going to make my content manager’s live so much better 😉

I’m trying to get a clear button on the main search field and on the column filters, if that’s even possible.

I’ve been browsing this support forum and the boards over at datatables.net for a solution.

I thought I found one here:
https://ww.wp.xz.cn/support/topic/add-clear-button-and-enlarge-the-search-box?replies=5

Unfortunately it doesn’t work when I use that custom command. Probably something changed since you posted that 3 months ago.

Is there a new custom command that I could use and if not could you maybe point me in the right direction?

If it’s not possible, it’s still worth the 5 stars I’m going to give this!

Thanks for your time!

https://ww.wp.xz.cn/plugins/tablepress/

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

Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 7 months ago

Hi,

thanks for your question, and sorry for the trouble.

Can you maybe try this “Custom Command”?:
https://ww.wp.xz.cn/support/topic/resetclear-search-button?replies=8#post-5911593

Regards,
Tobias

Thread Starter biels
(@biels)

10 years, 7 months ago

Hi, thanks for your reply. Tried to insert that in custom commands but I don’t see the x in any of the filter fields in Chrome or Firefox, but it DOES work in IE.. I read that it’s for html5 browsers, aren’t Chrome and FF html5 browsers?

Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 7 months ago

Hi,

yes, those are HTML5 browsers.
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Thread Starter biels
(@biels)

10 years, 7 months ago

Sure, here you go:

http://www.skillsheroes.nl/wp21/beroepen/

Thanks for your time!
Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 7 months ago
Hi,

thanks! The “Custom Command” is definitely working, as the type of the search field is definitely "search" (when e.g. checking with the Chrome Developer Tools).

However, there seems to be some CSS code in your theme, namely
```
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
```
in the main-style.css, that is resetting how the search field is styled. This is basically removing the reset button from all search fields on the page.
Unfortunately, I can’t really find a way to turn that off right now 🙁

Regards,
Tobias
Thread Starter biels
(@biels)

10 years, 7 months ago

Thanks for finding the issue for me! I’ll contact the theme developer and let them know there’s a conflict with your plugin.

Thanks for the support!

Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 7 months ago

Hi,

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

Technically, it’s not a conflict. The theme developer simply chose to remove the clear button from all search fields on the page. That’s more a design decision.

Best wishes,
Tobias

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

The topic ‘Filter clear button’ is closed to new replies.

Tags