Mobile view

  • Resolved damiendoherty

    (@damiendoherty)


    5 years, 2 months ago

    Hi there.
    Thanks for fixing the recent bugs.
    Is there any way I can stop the calendar changing the view for mobile users? Looks great on desktop with the calendar view but defaults to a mobile view with just a simple table of unavailable dates.
    Here’s the shortcode I’m using:

    [ics_calendar url=”‘.$availability_calendar.'” hidetimes=”true” eventdesc=”false” view=”month”]

    Many thanks

    Damien

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author room34

    (@room34)

    Hmm… it should be switching to a list view on mobile. Are you using this for Airbnb booking or something similar, where it’s useful for users to see the empty dates in the grid?

    The problem is, with most applications of the plugin, it’s more important to see what’s there than what’s not, and the month grid simply does not work scaled down to a phone layout. But there may be some other possibilities for additional layouts. My plan at this point is to just continue to refine the three existing views in the free version of the plugin, but I will be adding more views in the paid version that’s currently in development.

    One way I’ve seen this kind of thing handled for mobile is to have a simplified month grid that just has dots in the cells for days that have events, and then tapping on a day shows a list of that day’s events below. I’d probably go with something like that. What do you think?

    Thread Starter damiendoherty

    (@damiendoherty)

    Thanks for the reply.
    Yes, it’s for a booking system – so really need the calendar view. Just showing unavailable dates otherwise, which isn’t very helpful. Is there a way I can just override the list view on mobile? Can sort out any issues with css but ideally would just like to keep the month / calendar view if possible?

    Plugin Author room34

    (@room34)

    Yes I think there could be a CSS workaround to bypass the changed mobile view and then you could add your own CSS customizations on top of it.

    I think what I might actually do is add in an override to prevent the mobile CSS from getting applied, something like nomobile=true in the shortcode. Stay tuned…

    Thread Starter damiendoherty

    (@damiendoherty)

    Excellent. That would be much appreciated.

    Plugin Author room34

    (@room34)

    OK, I’ve added nomobile="true" as a new option for the shortcode. This only affects the month and week views. When this is set, the regular desktop grid layout will be applied at all screen sizes.

    The grid is not really usable as-is on mobile devices, so it will definitely need some of your own custom CSS. There’s a note on the admin page for the plugin that explains how to do this.

    This is in version 4.1.0 which is on its way to the repository right now.

    Thread Starter damiendoherty

    (@damiendoherty)

    Excellent. Works great for me.
    Thanks for the fix!

    Cheers

    D

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile view’ is closed to new replies.