Sign in
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Events Calendar Widget/Plugin

  • This topic has 2 replies, 1 voice, and was last updated 3 weeks, 3 days ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #6919
    Avatar photocandidexmedia

    Has anyone had success implementing a calendar widget/plugin/function on Publii?

    It can be a third party app, but it would be nice to intergrate directly into Publii since Publii already has a date and time function, as well as the ability to create custom post templates.

    My idea is to create an #event tag that uses a custom post template. Ideally the event date would be based on the Publish date, but since Publii doesn’t allow for future dates, a custom post editor config with a date field could be created. The custom events calendar post type could also have a map location function, and “save to Calendar”. These last two functions, though, are a nice to have.

    What I’m really looking for, though, is a way to display these custom event posts with the #event tag as a clickable calendar, with week, month, and agenda views.

     

    I know Google calendar can be embedded on a website, but I’m looking for something that could be styled to match my site’s look and feel.

    #10570
    Avatar photocandidexmedia

    Reviving this post because I’m still wondering about this, but I also found a widget which can allow for a bit more style customization than a simple Google Calendar embed: https://styledcalendar.com

    #11676
    Avatar photocandidexmedia

    Back for another update:

    I found a widget that is free and open source called Open Web Calendar. It takes in <span class=”translation”> Nextcloud, Outlook, Google Calendar, Meetup and other calendar systems using the ICS standard, and generates an iframe that you can easily embed to Publii posts (make sure to add <code class=”EnlighterJSRAW” data-enlighter-language=”generic”>data-responsive=”false”, per the docs</span><span id=”translate-about” class=”translation”>).</span>

    Demo: https://open-web-calendar.hosted.quelltext.eu/

    Source code: https://github.com/niccokunzmann/open-web-calendar

    The only downside is that the calendars aren’t entirely responsive on mobile, but the calendar is customizable with CSS.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.