Support » Plugin: Event Calendar - Responsive Calendar » Bug: Events do not display on mobile

  • donpro

    (@donpro)


    Hi,

    This plugin is great but does not seem to be totally responsive. The calendar shows on both the desktop and mobile but the events do not display on the mobile.

    I am using an iPhone 8. Can you fix this? I suspect that you have a bug in your CSS. I am surprised nobody has mentioned this before.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author totalsoft

    (@totalsoft)

    Hello, dear donpro.

    It’s not a problem. If you specify a color for all events, then you will see the event on the mobile version. For this type of calendar that is written.

    Thank you.

    Plugin Author totalsoft

    (@totalsoft)

    To solve your problem, edit the Total-Soft-Calendar-Widget.php plugin file. Please add this code after line 4602:

    function check_event_bg () {
    if(jQuery(window).width()<=600){
    setTimeout(function(){
    jQuery(‘.monthly-day’).each(function(index,el){
    var monthly_day_bg = jQuery(el).css(“background-color”);
    var event_bg = jQuery(el).find(‘.monthly-event-indicator’).css(‘background-color’);
    var table_color = jQuery(el).closest(‘.monthly<?php echo $Total_Soft_Cal;?>’).css(‘border-color’);
    var grid_color = jQuery(el).css(‘box-shadow’).replace(/^.*(rgba?\([^)]+\)).*$/,’$1′);
    if(monthly_day_bg==event_bg){
    if(grid_color!=event_bg){
    jQuery(el).find(‘.monthly-event-indicator’).css({‘border-style’: ‘solid’,
    ‘border-width’: ‘1px’, ‘border-color’ : grid_color});
    }else{
    jQuery(el).find(‘.monthly-event-indicator’).css({‘border-style’: ‘solid’,
    ‘border-width’: ‘1px’, ‘border-color’ : table_color});
    }
    }
    });
    },4000);
    }
    }
    check_event_bg();
    jQuery(window).resize(function(){check_event_bg();})
    function leftSolution (){
    check_event_bg();
    }
    function rightSolution (){
    check_event_bg();
    }

    We are waiting for your reply.

    donpro

    (@donpro)

    This is not true. I specified a color (black) for events but nothing shows on the mobile. I think it is because the Text does not show on the mobile but only a dot. However, the dot does not use the CSS for the text color.

    It is too bad because I like your plugin but I will not be able to use it as such. Sorry but my review will have to reflect this.

    donpro

    (@donpro)

    I just saw you latest post. SO do I have to edit the code in order to fix this problem? What will happen to my edits when a future upgrade is installed; will I lose everything and the problem will reocurr?

    Plugin Author totalsoft

    (@totalsoft)

    Hello, dear donpro.

    Sorry, you indicated the color of the title or event.? We looked. You gave a white color to the event beckground?

    And the title is black. On the mobile, it shows only points and the Title does not show. Do I understand You correctly?

    Plugin Author totalsoft

    (@totalsoft)

    Dear donpro.

    on the same folder in the 643 line after this code class =“monthly-prev” add this code:

    onClick = “leftSolution ()

    and after this code class = “monthly-next” add:

    onClick = “rightSolution ()

    Here is an example on the photo

    Plugin Author totalsoft

    (@totalsoft)

    On the next version you will not have such a problem.

    donpro

    (@donpro)

    Yes that is the issue. The background is white and the text is black. On the mobile, the text does not show so the user cannot see any events. The point does not appear so it must use different CSS then the text.

    I will try adding your code and write back. But it look like they are JS event handlers so I hope the points display when the page loads.

    Thanks / Don

    donpro

    (@donpro)

    Hi,

    I have tried your fix but there is no effect. When the page loads on my phone, I have no idea where the events are. Can I suggest that you show the point be the same color as the text? This way, I would see a black point on days with events.

    As it stands now, I cannot recommend your plugin as it is not responsive (needs to indicate which days have events).

    When will the next version be released? I need to decide if I should wait or abandon your plugin and go with another calendar plugin.

    Don

    Plugin Author totalsoft

    (@totalsoft)

    Hello, dear donpro.

    Do you want that the dots appear black on the phone, yes?

    Do you want that the events were in black color?

    The next version will be released in 10-20 days. In the new version, the color of the event on the phone will take the same color as the calendar border.

    Thank you.

    donpro

    (@donpro)

    Yes, that would be good. But it would be nice to have something (a character) in the box itself as just a border (a dot or text) is not enough.

    Meantime, I have used the advice of the following support question to show the event on the phone:

    https://wordpress.org/support/topic/events-not-displaying-in-mobile/

    Rgds / Don

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.