Reset search/category filter

[Joseph]

Is there a simple ‘reset’ search or quick back to main month view without search filters? When someone clicks on a category to filter, or does a search the title changes to Events for September 2015 > Category name. Moving forward or back through the months shows the same category or an error and suggestion to view month, but if you’re already in the month view clicking the month/list selector does nothing.
I’m using Category Colors so this makes it more of an issue since users will click categories and get confused.

[Brian]

Hi,

Thanks for using our plugins.

We do not have a feature with the Standard Search Bar to reset it.

You could modify the template following our themer’s guide:

https://theeventscalendar.com/knowledgebase/themers-guide/

And that link could say reset and it links back to the main event page to make it easy for people to get back there.

I can help get started on that if you like.

Let me know.

Cheers

[Joseph]

Brian,

Would this be similar to what I need to implement?

Reset event bar

• This reply was modified 10 years, 9 months ago by Joseph.

[Brian]

Yes, what Brook Mentions here is for the area you are talking about:

Is it possible to add a reset or clear button to the event bar?

[Joseph]

This reply is private.

[Joseph]

Actually, ignore that last post. I figured out adding ` <form>
<input type=”button” value=”Put Your Text Here” onclick=jQuery(‘#tribe-bar-form’).tribe_clear_form(); />
</form> ` at the top of the nav.php put the reset button. That button clears the input form though, how I can clear the filters to reset it? I see the JS here http://pastebin.com/YZFjGVKL , but not the specific JS like the one to clear the input form.

Thanks!

[Brian]

Hi,

That other coding is for the Filter Bar plugin, which is separate from Pro.

On clear you could maybe set it to go to the default view, which would clear everything.

I do not have any other coding for clearing and reloading the search bar unfortunately.

[Joseph]

This reply is private.

[Brian]

Hi,

Do you have a link to the site that I could see what is happening?

It is hard to tell without actually seeing source.

I maybe to provide a little bit of help that way.

Thanks

[Joseph]

This reply is private.

[Brian]

Ok, I may not be able to solve all of this, but I found this gets the buttons closer together by removing the left and right padding and shrinking the width:

.tribe-bar-submit {
margin-left: 5px;
margin-top: 14px;
padding: 23px 0;
width: 15%;
}

This css is causing the date window to be to small in mobile:

.tribe-bar-date-filter {
width: 10% !important;
}

I found changing that to 25% helped in the desktop and mobile.

Cheers

[Joseph]

Thanks Brian, that seems to fixed it.

[Brian]

Great glad it helps.

I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts