Mini-Calendar Widget default view & problem

[Nathaniel]

Hello,

I’m working on the page here: http://dev.gupta.consulting/merlin-licenses/

What we hope to achieve is to have the default view when you first visit the page show no list below the calendar. We only want the list to show up once a date is clicked and events for that day show up below.

The above being said, right now there’s a formatting glitch that when the page loads, the list is longer, with larger content than the list that displays when you click a date with events. This shouldn’t really matter to us, since we don’t want the list to show up as a default view.

On another formatting note, please notice that when the page initially loads, the calendar navigation arrows are off. When you move to another month, they straighten out and are straightened out when you come back. For instance, right now it’s July and the right arrow goes below the month, if you go to August and come back, it’s where it should be. We need to fix that please.

[Geoff B.]

Good evening Nathaniel and welcome to the Events Calendar Support forum!o

Thank you for reaching out to us.

We are sorry to hear that things are not displaying to your liking on your install.
I would love to help you with this topic.

I’m working on the page here: http://dev.gupta.consulting/merlin-licenses/

What we hope to achieve is to have the default view when you first visit the page show no list below the calendar. We only want the list to show up once a date is clicked and events for that day show up below.

Currently, it looks like that page is not found (error 404). Perhaps this page was moved somewhere else ?

In any case, I believe that what you are trying to do is to embed the [tribe_mini_calendar] shortcode in there (based on this thread’s title).

The good news is that the default behaviour of that widget is to show only the selected date’s events.

The above being said, right now there’s a formatting glitch that when the page loads, the list is longer, with larger content than the list that displays when you click a date with events. This shouldn’t really matter to us, since we don’t want the list to show up as a default view.

Unfortunately, I cannot see the list for now (because of the 404 error). So I am unsure if this is actually a bug or something specific to your install at this point.

Could you point me to the page where this currently is ?

On another formatting note, please notice that when the page initially loads, the calendar navigation arrows are off. When you move to another month, they straighten out and are straightened out when you come back. For instance, right now it’s July and the right arrow goes below the month, if you go to August and come back, it’s where it should be. We need to fix that please.

Again, I am unable to see these at this point. But I am looking forward to be able to and help you out.

As a first step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Best regards,

Geoff B.

 

[Nathaniel]

Hi Geoff,

Sorry, yes, we renamed the page to aptly fit better. It is here:

http://dev.gupta.consulting/training/

[Nathaniel]

Also, when you get to that page you’ll notice that despite you saying default is for that date, the widget from shortcode is showing all events below in the list, BEFORE any date is clicked on.

[Nathaniel]

This reply is private.

[Nathaniel]

Hi again. Is someone going to reply to this again? I’ve posted the requested information.

[Geoff B.]

Hello Nathaniel,

I’m sorry about the delay answering back.

I did reply to it yesterday, but somehow it did not go through. I apologize for that.
So here is my second attempt at that reply.

Based on the information you have provided, there are a few things I am noticing:

1. You are currently using Event Rocket. Although this is a great plugin, it’s update cycle has been abandonned by the author. Furthermore, it is known to break several normal behaviours of any the Events Calendar plugins for version 4.x +. I would recommend deactivating this plugin first (or if you want to continue using it, you will have to downgrade our plugins to versions prior to 4.x+)
2. You are currently running PHP 5.3.x , if possible, I would highly recommend upgrading to at least PHP 5.4.x+. In fact WordPress recommends 5.6.x+, but 5.4 is fine. I have personally observed many strange behaviours with PHP 5.3.x . I am not sure that this is the cause of the issue, but it would not hurt to do the update anyway.
3. There are several messages in the Google Developer tools console.  Yesterday, there was a “Cross-Origin Resource Sharing policy” message for the admin-ajax.php file (which now seems to have been solved). But there is still one for some fonts (nothing dramatic).

Let me know how that goes.

Best regards,
Geoff B.

 

[Nathaniel]

Hi Geoff,

I disabled and deleted the Rocket plugin and it did nothing to solve the problems. I don’t have access to the hosting account because the owner is out of the country and out of reach. I also noticed something new that’s going on when you’re looking at the single events view. The listed widget in the sidebar is having problems with the display of days and months and it seems to be inconsistent. Some days or months display correctly and some show only the first two letters of the day/month before carrying the last letter below. How can we fix that?

[Geoff B.]

Good afternoon Nathaniel,

Thank you for writing back and trying the recommendations that you were able to try.

I took a look at your website again and it seems that the following message is back:

XMLHttpRequest cannot load http://gupta.consulting/wp-admin/admin-ajax.php. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://dev.gupta.consulting’ is therefore not allowed access.

The first thing we would need to fix is that aspect (permission / security related).

The reason for that is because when something Ajax or Javascript related breaks upon page load, every other element on the page that would use some form of Javascript will not work properly or not at all.

That includes:

• Displaying the correct day’s event when clicked on
• Navigation through months in the mini-calendar widget
• Etc..

So in short, it looks like we are a bit stuck with your current server configuration on some of the issues you are experiencing.

Hopefully when the owner of the account returns, that can be fixed.

The listed widget in the sidebar is having problems with the display of days and months and it seems to be inconsistent. Some days or months display correctly and some show only the first two letters of the day/month before carrying the last letter below.

This is due to the fact that Divi’s sidebar’s width is 20.875% by default on your single events pages.

Sometimes it goes over 2 lines, sometimes it doesn’t because of the fact that different letters actually have different widths 🙂

There are couple of ways around that:

1. Use CSS to change the width of the left area and of the sidebar
2. Try different settings for Events template dropdown settting under Events -> Settings -> Display

Let me know how that goes and if you need any help with that ?

Have a good week-end,

Geoff B.

[Nathaniel]

Hi Geoff. We finally had the hosting have the PHP updated and that didn’t fix anything. Can you give me a hand solving the problem you mentioned in your last reply? Is this a database thing or a folder permissions thing?

thanks.

[Nathaniel]

Geoff,

I’m just noticing why you’re probably getting the issue with the Ajax…

We pushed the site live since I first opened this ticket. The new page we are working with is at: http://gupta.consulting/learn/

The PHP is updated and that didn’t fix it, nor did the Rocket plugin removal. So maybe you can check again to see what you’re getting on that page…the correct link.

Sorry about that…

[Geoff B.]

Good evening Nathaniel,

Thank you for writing back.

You are right, the initial issue is gone.

However, there is a new message that breaks Javascript on that page (at least):
Uncaught TypeError: owl.owlCarousel is not a function

So I would recommend solving that next.

Let me know how that goes.

Best regards,
Geoff B.

[Nathaniel]

Uhhhhh…I’m not that great of a coder. Can you at least give me some kind of a hint at how to fix that?

[Geoff B.]

Good morning Nathaniel,

That is a great question.

The best way to go about this would be to find out where the error / conflict is coming from.

I would recommend going through our testing for conflicts procedure (preferably in a staging/dev environment or local install of your WordPress website) and let us know what you find out.

Basically the goal here is to revert back to a bare WordPress installation to see if the problem persists. It also allows us to pinpoint what the cause of the issue is.

I realize this is time consuming, but it should allow us to get all the glitches out of the way 🙂

Let me know how that goes.

Best regards,
Geoff B.

[Nathaniel]

Hi Geoff,

So I ran through and did that, and got it only to show Event Tribe plugins (Event cal + Event tickets related) on the basic 2016 theme, ran all the updates on the plugins, didn’t notice any conflicts in JS, and I’m still seeing the same issue.

Here’s the new URL:

http://dev.gupta.consulting/learn/

Let me know if I missed anything, but it seems plugin specific. Thanks!

[Author]

Posts