Start time on the left in list view

  • Resolved xavrios

    (@xavrios)


    4 years ago

    1 –
    I’m using TimeTable in list view (Like mobile view) with CSS. I want to have the star time of each event on the left side of the event.

    12:00PM | Event name
    5:00PM | Event name

    Right now I can only position the time on the bottom or on the right of the event but not on the left. is this posible? Thank you!

    2 –
    Is it possible upon opening the page, auto scroll to the ongoing event? and even better since my events are weekly, have the page auto repeat to the beginning of the week, once the scroll reaches the last event of the week.
    Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support dimned

    (@dimned)

    Hi @xavrios,
    Thanks for your question.

    1. You may try to use the style like this if you show just the Title and Time of the event.

    .mptt-list-event {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

    2. I’m sorry but there is no such functionality by default. As for the following request:

    and even better since my events are weekly, have the page auto repeat to the beginning of the week, once the scroll reaches the last event of the week

    I can add this as a feature request though I’m not sure I get it correctly. Could you clarify it in more detail and provide some screenshots or examples of the desired solution. Thanks.

    Thread Starter xavrios

    (@xavrios)

    Thanks you!
    I’m using this style to get a result like this:

    .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot {
    margin-left: -191px;
    margin-top: -36px;
    border-width: 1px;
    border-color: #d7d7d7;
    border-style: solid;
    padding: 6px;
    }

    .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event {
    font-size: 14px;
    border-left-width: 1px;
    border-left-color: #d7d7d7;
    margin-top: -10px;
    margin-left: 150px;
    }

    .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-column-title {
    background-color: #E65026;
    padding: 12px;
    color: #ffffff;
    font-weight: 400;
    margin-left: -23px;
    padding-left: 44px;
    }
    Result

    As you can see, my events are displaying as a list thanks to the code you shared on another post.
    Now what I need is, once I open the page, (if today is Tuesday Feb 23rd at 2pm) the page should auto scroll to the actual event on this date and time, Something similar to what happens with the widget element for upcoming events, but starting with the ongoing event but being able to see past events or if seeing past events is not possible being able to see all the upcoming events.

    Right now the widget for upcoming events doesn’t show days, just events, that’s why is not useful to me.
    Thank you!

    Plugin Support arsengunner

    (@arsengunner)

    Hello @xavrios! Thank you for detailed explanation, it is much appreciated. Unfortunately, there is no such possibility in the Timetable plugin by default. We will keep your suggestion in mind though and in case there are more similar requests from other users, we might consider adding such option to the plugin in future.

    Regards,
    Arsen

    Thread Starter xavrios

    (@xavrios)

    Thank you @arsengunner! The plugin has already very useful features, I’m looking forward to its continuous development.

    Plugin Support arsengunner

    (@arsengunner)

    Hi @xavrios!

    Thank you for your kind words, it is much appreciated. It would be also appreciated if you leave your positive feedback about the Timetable plugin at: https://www.ads-software.com/support/plugin/mp-timetable/reviews/#new-post.

    Thank you in advance!

    Regards,
    Arsen

    Plugin Support dimned

    (@dimned)

    We could not hear anything from you for a while so we close the topic. Feel free to start a new one if you have any further questions.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Start time on the left in list view’ is closed to new replies.