Show Entire Day (5:30AM – 8PM) in Week View

Home Forums Calendar Products Events Calendar PRO Show Entire Day (5:30AM – 8PM) in Week View

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1280244
    Sara
    Participant

    Hello! We are using your plugin to build a new website and have a question about the way events are shown in the Week view.

    Here is our in-progress calendar: http://crossfit802.wpengine.com/802-crossfit-class-schedule/

    Right now when you go to the page, you can only see classes earlier in the day. Afternoon/evening classes can only be seen by scrolling the calendar view. We are concerned that many users won’t realize this and would like to make the Week view calendar show 5:30AM-8PM in one view without scrolling.

    How would we do that? We didn’t see a way to increase the height of the calendar grid view, but perhaps that would work?

    #1281397
    Geoff B.
    Member

    Good evening Sara and welcome to the Events Calendar Support forum!

    Thank you for reaching out to us.
    I would love to help you with this topic.

    The best solution would be to use CSS for that purpose.

    Here’s an example of some rules that will help display that view from 8am to 10pm

    /* start at 8:00 AM */
    .tribe-week-grid-inner-wrap > .tribe-week-grid-block:nth-child(-n+8),
    .tribe-week-grid-hours > div:nth-child(-n+8) {
    display: none;
    }

    /* end at 10:00 PM */
    .tribe-week-grid-inner-wrap > .tribe-week-grid-block:nth-child(11),
    .tribe-week-grid-hours > div:nth-child(11) {
    display: none;
    }

    Let me know if that helps.

    Have a great day!

    Geoff B.

    #1283558
    Sara
    Participant

    Thank you for your help!

    The first part of your code worked and the calendar now starts at 5AM.

    However, the second part of the code didn’t appear to work and the calendar day still ends at 2PM. Any ideas how I can fix this? If the calendar showed 5AM-9AM in one view without scrolling that would be perfect. 🙂

    #1284241
    Geoff B.
    Member

    This reply is private.

    #1289594
    Sara
    Participant

    This reply is private.

    #1289714
    Geoff B.
    Member

    This reply is private.

    #1299640
    Support Droid
    Keymaster

    Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

    Thanks so much!
    The Events Calendar Support Team

    #1343794
    Nico
    Member

    Hi there,

    Just wanted to share with you that a new maintenance release is out containing an improvement to help customers customize week view. Specifically when there are more than two events running on the same day. Please note this is not an ‘automatic’ fix, we just added some classes to make things easier to customize. We took this decision as there was no simple way of fitting 3 or more events in the week view grid as it’s designed right now. As this is not a widespread issue among our customer base it didn’t made sense to think in a re-design / re-estructure of how events are displayed in week view.

    Basically when events run in the same time a CSS class like tribe-event-shared-start-time-1 and tribe-event-shared-start-time-2 is added.. These Classes identify If this event is the first, second, etc event to start on a given time. This allows to easily hide the events that don’t fit in there (third, fourth, etc) or apply a custom rule to adjust the display.

    Find out more about this release → https://theeventscalendar.com/maintenance-release-week-21-august-2017/

    Best,
    Nico

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Show Entire Day (5:30AM – 8PM) in Week View’ is closed to new replies.