Gridview Tooltips after AJAX month change

Home Forums Calendar Products Events Calendar PRO Gridview Tooltips after AJAX month change

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #12515
    Laura
    Member

    Version 2.0.2

    When the gridview first loads to the current month, the toolips respond/work correctly. Aka if I hover over an event in the right most day in a row, the toolip appears on top and to the left of the event.

    However, once you advance a month, the position of the tooltip is no longer accurate. Hovering over the right-most event in a list has the tooltip pop-up to the top right of the item. Hard refreshing the page on this current month fixes it, but it is obviously an issue with the AJAX month advance. It needs to retrigger the tooltip function on completion of the AJAX load in order for them to appear properly.

    This is mainly an issue for CSS when using a multi-column template as it is quite common to use overflow:hidden on containers for a quick and easy float-fix. In this case, with the issue above, the tooltip is now obscured/cut off as a result.

    #12517
    Rob
    Member

    Hey Laura. Sorry to hear you’re having issues; we can try to help you out, but would you mind linking us to the site-in-question so we can check it out directly?

    #12538
    Laura
    Member

    Hi Rob. The site is actually not live yet. But it’s easy to replicate as it happens out of the box. Install WP, use twenty 11 theme for example, and install Event Calendar 2.0.2 (this happens on the basic plugin as well)

    Add two events for simplicity. One for the current month that ends on a sat or sunday (so it shows up in the right most column of grid). Publish the event, and then go to grid-view and hover over the link. You’ll notice the tooltip correctly appears at the top LEFT of the link.

    Now create another event, one for the following month, ending on a sat/sunday. Publish. Go back to grid-view, now change months to the next month, hover over the event. The tooltip is to the top RIGHT.

    It makes perfect sense why it happens, it has to do with your AJAX calls for changing months. Basically the tooltip function is called somewhere on page load I assume that checks the position of the links, and adjusts the positions of the tooltips accordingly. Everything works fine if you’re on the initial page load. But once you change months and the AJAX runs, the tooltip script never gets updated for the new links/positions, therefore everything just appears at the top right.

    #12555
    Rob
    Member

    Ah, I see what you’re saying now – thanks for the clarification. I hadn’t noticed that yet but this is a great catch. I’ll pass it on to the dev team to get that patched up for 2.1, which should be out early next year. Thanks!

    #974934
    Support Droid
    Keymaster

    This topic has not been active for quite some time and will now be closed.

    If you still need assistance please simply open a new topic (linking to this one if necessary)
    and one of the team will be only too happy to help.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gridview Tooltips after AJAX month change’ is closed to new replies.