WordPress.org

Forums

All-in-One Event Calendar
Print calendar (7 posts)

  1. rider111
    Member
    Posted 3 years ago #

    Hi,
    it's possible to have the option to print the calendar?
    I try different plugins for print but they aren't good for this calendar plugin.
    Any suggestions?
    Thank you in advance.

    http://wordpress.org/extend/plugins/all-in-one-event-calendar/

  2. ullemehner
    Member
    Posted 3 years ago #

    Hi rider,

    thats what I was missing too.

    My "workaround" is to use the standard browser printing capabilities, but defining specific print css styles.

    My solution:

    In calendar.css
    in wp-content/plugins/all-in-one-event-calendar/css/
    add at the bottom the following stylesheets:

    /* Print Style Sheet */
    @media print {
    body { background:white; color:black; margin:0 }
    #header, #navigation, #comments, #sidebar, #subcontent, #footer { display: none; }
    
    div.pageentry h2 { margin: 0; padding: 0; }
    #ai1ec-container table.ai1ec-calendar-toolbar { display: none; }
    ol.ai1ec-agenda-view h3.ai1ec-date-title { margin-top: 0.5em !important; border-radius: 0; }
    #ai1ec-container h3.ai1ec-date-title { width: 5em; color: black; }
    #ai1ec-container h3.ai1ec-date-title .ai1ec-month { display: inline; float: right; color: black; }
    #ai1ec-container h3.ai1ec-date-title .ai1ec-day { display: inline; font-size: 1em !important; color: black; }
    #ai1ec-container h3.ai1ec-date-title .ai1ec-weekday { display: inline; float: left; color: black; }
    
    /* Agenda event description */
    div.ai1ec-event-click, div.ai1ec-categories { display: none; }
    div.ai1ec-event-summary, div.ai1ec-event-summary div.ai1ec-event-click, div.ai1ec-event-description { display: block !important; }
    ol.ai1ec-agenda-view div.ai1ec-event-summary div.ai1ec-event-title { display: inline; }
    ol.ai1ec-agenda-view div.ai1ec-event-summary div.ai1ec-event-time { display: inline; }
    #ai1ec-container a.ai1ec-button { display: none; }
    ol.ai1ec-agenda-view div.ai1ec-event-description { padding: 0 !important; }
    ol.ai1ec-agenda-view div.ai1ec-event-overlay { display: none; }
    }

    This formats only agenda view of calendar and its not perfect. And it depends on your theme a bit.

    And, this css-file is loaded on every other wordpress page as well, so it might affecting the other print outs of those pages.

    Cheers,
    Ulle

    Using ai1ec version 1.2.5 and 1.3

  3. rider111
    Member
    Posted 3 years ago #

    Thank you Ulle,
    it's perfect!!!
    Thanks again for your support.
    Have a nice day

  4. Yani Iliev
    Member
    Plugin Contributor

    Posted 3 years ago #

    @rider111
    That's a good request!
    You can track the progress here: #337

    @ullemehner
    Thank you for the support!

  5. ullemehner
    Member
    Posted 3 years ago #

    And, this css-file is loaded on every other wordpress page as well, so it might affecting the other print outs of those pages.

    I was wrong: calendar.css is only loaded when ai1ec plugin is actually used. But two other css-files from ai1ec (event.css and general.css) are always included.

    @yani
    Thanks for putting it in progress spool!

    Cheers
    Ulle

  6. myvpterri
    Member
    Posted 3 years ago #

    My clients have requested this feature and look forward to the enhancement!

  7. blu3s0da
    Member
    Posted 3 years ago #

    My client asked for this as well! and i need this asap too

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • All-in-One Event Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic