Change Event Categories to Drop-Down Menu On Submission Form

[Kevin]

Hi again. Can you please let me know how I can change the Event Categories block in the Submission for to be a drop down menu as is available in custom fields. right now it is set up as check boxes.

I don’t have any parent/child categories.

thanks!

[George]

Hey @Kevin, we unfortunately can not tell you how to do this 🙁

Doing this would require some fairly-extensive code customization, which we do not help with here.

—

Now, with that being said, I’m happy to walk through some of the main things involved with and comprising this customization.

First and foremost, you’d need to get familiar with our Themer’s Guide here → https://theeventscalendar.com/knowledgebase/themers-guide/

That guide will show you how to customize “View” files, AKA template files, within The Events Calendar and any of its add-ons like Community Events.

—

To start tweaking the category picker in the community form, you’ll want to use the principles of the Themer’s Guide above to recreate a version of this Community Events file in your theme:

/src/views/community/modules/taxonomy.php

Make this a duplicate of the existing code in Community Events, and then you can get to work building out the Dropdown menu instead of the checkboxes. This is the meat of the customization and a bit complicated, but hopefully all the information up until now puts you in a good position to customize further on your own.

Best of luck with your customizations,
George

[Kevin]

Thanks George, I may put this on my todo list but it might be a bit too difficult for me to make a priority right now. Could you tell me if it at least possible to only allow one selection in Event Categories instead of multiple?

Also, is there a way to make it so the Event’s Categories have less space between each? I only have 4 categories and the are so spaced apart that thy occupy 2 lines.

Thanks again

[George]

Hey @Kevin,

Sounds good, thank you for the update here! As for your other two questions, yes, both are possible and just take further code customizations 🙂

— George

[Kevin]

Thanks George. Is it possible provide a the code that would help me reduce the space between the Events Categories options? In another thread I received a bit of code to help me do something similar – but I don’t know how it could apply for this issue.

thanks.

[George]

Unfortunately, I do not know the exact HTML markup of your newly-customized items. However, should be be able to wrap the elements in a DIV html tag that has a class name. Then, use this class name to target the inputs whose style you’d like to adjust and write CSS to do so.

If any of those terms aren’t familiar, check out sites like http://css-tricks.com for tutorials and such.

Best of luck with your customizations!

— George

[Author]

Posts