{"id":12515,"date":"2011-12-19T16:15:29","date_gmt":"2011-12-20T00:15:29","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/"},"modified":"2015-07-02T17:00:04","modified_gmt":"2015-07-03T00:00:04","slug":"gridview-tooltips-after-ajax-month-change","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/","title":{"rendered":"Gridview Tooltips after AJAX month change"},"content":{"rendered":"<p>Version 2.0.2<\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n","protected":false},"template":"","class_list":["post-12515","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gridview Tooltips after AJAX month change -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gridview Tooltips after AJAX month change -\" \/>\n<meta property=\"og:description\" content=\"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 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-03T00:00:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/\",\"name\":\"Gridview Tooltips after AJAX month change -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2011-12-20T00:15:29+00:00\",\"dateModified\":\"2015-07-03T00:00:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Gridview Tooltips after AJAX month change\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gridview Tooltips after AJAX month change -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/","og_locale":"en_US","og_type":"article","og_title":"Gridview Tooltips after AJAX month change -","og_description":"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 [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/","article_modified_time":"2015-07-03T00:00:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/","name":"Gridview Tooltips after AJAX month change -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2011-12-20T00:15:29+00:00","dateModified":"2015-07-03T00:00:04+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/gridview-tooltips-after-ajax-month-change\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Gridview Tooltips after AJAX month change"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/12515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/12515\/revisions"}],"predecessor-version":[{"id":974935,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/12515\/revisions\/974935"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=12515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}