full calendar responsive issues ?

  • after the update to the new responsive full calendar i notice a few problems.

    Using this shortcode –

    [eo_fullcalendar headerLeft='prev,next,today' headerCenter='title' headerRight='month,agendaWeek']

    Full calendar display doesn’t hightlight ‘today’ –

    CSS rule as below – no highlight ?

    .fc td.fc-today {
 border-style: double;
}

    When going responsive on mobile phone in portrait , the month button is no longer displayed ? css as below

    In fullcalendar.min.css – 

    @media (max-width: 512px)
.eo-fullcalendar-responsive .fc-month-button {
 display: none;
}

    If i change that with dev tools to display it or add my own overide in my css to display it, when i switch between month and week on a mobile , it displays the old style full calendar , it’s only if i rotate the phone to landscape and back to portrait that it displays as a list ? it’s not refreshing ?

    No month button possible on portrait ?

    a few other quirks related to that , if i’m already viewing the month in landscape mode and rotate to portrait , it shows the month as a list , but once i click week view , obviously there is no way back to month !

    hope that makes sense … its all a bit weird

    https://www.ads-software.com/plugins/event-organiser/

Viewing 1 replies (of 1 total)
  • Plugin Author Stephen Harris

    (@stephenharris)

    Hi Andy,

    It appears that the plug-in’s ‘reset’ styling (to try a normalize the calendar across themes) has over-ridden the highlighting of today’s date. I’ve committed a patch: https://github.com/stephenharris/Event-Organiser/commit/966573f2810b26007657ac2925f3d8825c291055 – so this will be fixed in 3.0.2, but feel free to apply that to your theme’s stylesheet (or the plug-ins, but keep in mind you’ll want to be editing the .min.css version!)

    The month button is hidden when responsive is enabled for the calendar and viewing on a small device. In fact all view buttons are hidden – well, should be. It seems that the classes used to target the basic week/day view buttons were wrong, so they are still visible. month, agenda week and agenda day view buttons are correctly hidden. There’s now been a patch for this too: https://github.com/stephenharris/Event-Organiser/commit/61480a94d7da0bd503a5344524c2f1982382446e

    Regarding switching views when on a small device: this has been deliberately removed for two reasons. Firstly, to minimise the UI. Secondly, because switching views – as you’ve seen – is quirky at the moment. This is due to the fact that the month/week/day list view is just another view. So if your browser has loaded or been resized to provide a small viewport and your view is switched to a list view. If you then click ‘month’ or ‘week’ – you will then change to that view, which is the ‘original’ calendar grid view. If you then resize the viewport, it will recognise that you’re on a small device and collapse to a list view.

    Allowing users to switch views on a mobile device is not a top priority at the moment – you can always revert to the non-responsive behaviour by setting [eo_fullcalendar responsive=false]. What is receiving focus is that is if you switch views and then reduce the width of the viewport so it collapses to list view that you see the month/week/day list view according to the view you were last on. Currently, the list view defaults to list version of whichever view is loaded by default.

Viewing 1 replies (of 1 total)
  • The topic ‘full calendar responsive issues ?’ is closed to new replies.