Calendar Legend as dropdown or not a single list

At this point there’s not an option to customize the position or to have it formatted as a dropdown, but there are some ways it can be manipulated with CSS. Can you share the link to your page? You can email it to the support address on the plugin’s admin page if you don’t want to post it here. Seeing the page will help me to offer suggestions.

Here’s the link:
https://staging.bethhatephila.org/ics-calendar/

You’ll notice that this page has a month view and a list view further down the page.

Thanks.

Hi… I see how this is, uh… less than ideal. ??

I have a couple of thoughts on CSS fixes:

1. You could make these items inline instead of rows, with this bit of CSS:

.ics-calendar-color-key-item { display: inline-block; }

2. If you don’t want the legends, you can remove them entirely with this:

.ics-calendar-color-key { display: none; }

As a side note, I see the color bars are on the sides of the checkbox elements as well as the containers, which is looking a bit odd. That appears to be a conflict between some of the CSS in my plugin and your theme. I need to fix that in the plugin.

Perfect!

I also changed the following to have the legends cover the entire width:
.ics-calendar-color-key { max-width:100% }

Don’t know if that’s part of the my theme or not.

Thanks for such a timely response!!

Bob

No problem… by the way, you’ll be able to remove this CSS customization when you update to version 5.7.2 which I am just rolling out now. I decided to fix the CSS for those checkboxes, and while I was at it I added a new legendinline="true" setting.

WOW!

Thanks!

Installed the update. Nicely Done!

Marked as resolved.