Integrating Filter Bar and Tribe Events Bar

[Megan Sukys]

We just installed Filter Bar and now we have a whole bunch of inconsistent view controls at the top of the page. The Filter Bar controls do not look or function like the Tribe Events Bar filter controls and this makes the calendar feel messy and confusing to the user.

Before I dive into copying plugin theme files and customizing them, is there a secret magic way to make this all render as a single cohesive interface? Some setting I can enable that’ll render a single bar with all the filter controls looking and working the same?

Thanks

Bob Meador (developer for Ryan Betz/GTCF)

[Brook]

Howdy Bob,

I wish there was some simple little thing you could do. But no, there is nothing super simple about that.

This is actually something we have discussed from time to time. The Tribe Bar and Filter Bar function pretty differently in their UIs, and they are both well suited for the tasks they accomplish. But we would love to find a new unified method for them to behave that way we could merge them on sites that want it. But for not that is just in the watercooler discussion phase, not something that will help you.

A theme override might be the best call here. It also might make more sense to use filters, it’s really up to your preference. We have a lovely little tutorial for customizing the Tribe Bar here:

https://theeventscalendar.com/knowledgebase/understanding-the-tribe-events-bar/

And that would allow you to add more items to the tribe bar. Or, you can also add filter to the Filter Bar by extending the Tribe__Events__Filterbar__Filter class and the instantiating your new class. This will make the filter appear in the backend Event > Settings > Filters area, where you can select the filter for usage on the front end. Here is an example of something that does that:

https://gist.github.com/elimn/bfcda80db4711aafbb36d708e25fb4b6

Although if I were you I think I would try extending the Tribe Bar, or outright replacing it with your own HTML/CSS concoction. The Filter Bar is a little more rigid it how it expects things to behave, and so adding things like a view switcher to it might be more difficult.

Does that all make sense? Will that work for you? Please let me know.

Cheers!

– Brook

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts