Small calendar widget with navigation

The Dec / Feb navigation is in the TFOOT. THose screenshots are from 2010. Current default styling is as shown in https://test.icalevents.com/

If you want to move the Dec/Feb up to the top, you could try css like:

tfoot: { display: table-header-group;}

Thank you very much, Anmari. I think I can do that.

Is there a way to have the pop-up box one mouseover in the small calendar widget, display a little bit more?

The hover is displaying titles of all events on that day. Since there can potentially be many events on a day and titles/summaries can be quite long, the result could already be quite long.
So no, currently not.

You could try playing around with maybe the large calendar settings but you’d have to be careful to balance the css with what you are displaying.

Thank you. Making progress on the small calendar styling. I’ll see what I can do with the hover, maybe I can set up a small popup window to show the events for a particular day in a smaller list format.

I’m wanting something like this: https://www.micaflatsgrange.org

I’d love to keep using that calendar but not sure I can style it for WordPress, and InstantCal dropped support for it a number of years ago.

Hi

Like this page example https://test.icalevents.com/combinations/small-plus-agenda/
– the two widgets can be made to work together, where the list widget will respond to the day selected on the calendar widget.

It’s not a hover, not a pop up, not Ajax, but responding to parameters passed in the url.
I don’t have time at moment to spell it all out – you’ll have to read the docs on parameters and widgets and see the widget settings and explore yourself.

Yes, that would be the idea. If I can set up the second calendar to display a list just of one days’ events, should be able to figure out a way to have it display on hover but hide otherwise. Maybe(!)

I’ll work on it. Got the small widget calendar mostly looking the way I want, and the big list calendar I think will make my users very happy with the clean look and bigger print.

I’ll let you know how things go.

Making some headway but the html styling on configuring the event list type (for what I hope will become a popup hover box) isn’t working.

I need to put in a <colspan = > tag but even though I checked that the syntax was correct, when I “Update” the “Configure event list type” page, the html disappears.

Otherwise looking very promising.

Could you check your plugin on how it is handling html in the “Configure event list type”?

Thank you.

Plugin does not allow for much html in the before/after because that’s how people ‘break’ the html validation. Better to do styling with css than with html.

Why a colspan? is doesn’t make sense – there are css tags that allow you to influence the width of a column (classes are either tdx where x is the column number or the actual fieldname)

Hiya, Anmari!

I wanted a colspan because I’m trying to make a small popup box with event for a particular day on mouseover. The box is small enough that more than one column makes things not fit and look awful. If I can put in a colspan tag, I think I can get it to look ok.

Regarding the html validation (this is probably a stupid question), can’t you just check for matching braces, or does that require too much memory? Seems that could be done with a pushdown stack (showing my age here). If you could implement that, it would REALLY make things flexible.

Agree about better to style with css. I just couldn’t figure out a way to set up a colspan with the handles I had available. I’ll see about digging around css some more.

I do love the way the events calendar looks, now just want a lean, clean widget. Been trying out Simple Calendar but of course it too has problems.

Hi Darth,
on a pedantic note – as far as I’m aware there are not many ‘problems’ with my plugins ??
You are aiming for a degree of customisation beyond what normal people want, and for a free plugin, quite frankly its not worth my while offering such a level via settings screens. The plugin already offers way more than most (possibly too much).

Have you explored both
https://icalevents.com/support/documentation/html-list-styles/

and
https://icalevents.com/support/documentation/filters-and-pluggable-functions/

perhaps with a combo of those you may be able to achieve a suitable css hover/popup effect.

Awk! I managed to insult a nice man without even trying. [cringe, grovel] I should change my handle to “Miss Piggy”. Although you may be too young to remember the Muppets.

Your plugin has no problems — but it may not be the easiest solution for me. I certainly did not mean to suggest you should offer a whole bunch more stuff, for free.

I probably don’t need the event input frontend, but do want a particular widget style. However, I’m retired and tinkering with WordPress is much more fun than knitting — which I also don’t know how to do.

I have looked at the html classes & divs generated, which was how I got the styling so far. Filters and plugins are a bit beyond me right now, although I signed up for some Udemy courses when they were having their Christmas sale. I’ll keep plugging away (so to speak).

Have a good week!
Tater

Hi – not offended, just having to defend my time and learning to set boundaries. Not too young either (old photo), also not a man ( ?? )

Sometimes folks expect miracles from plugins when at the end of the day probably what they need is a custom solution.

Good luck!

Woops on the gender. I’d like to blame my eyes — which aren’t all that good — but it’s probably my brain.

Thanks for all the help. Your plugin is very impressive!