{"id":21108,"date":"2012-06-23T11:08:00","date_gmt":"2012-06-23T18:08:00","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/"},"modified":"2012-06-26T19:56:42","modified_gmt":"2012-06-27T02:56:42","slug":"ajax-loading-id-conflict-between-ecp-and-theme","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/","title":{"rendered":"ajax-loading ID conflict between ECP and theme"},"content":{"rendered":"<p>I&#8217;m not sure how to resolve this, but we&#8217;ve hit yet another global-namespace conflict between ECP and our theme. Both use a class of &#8220;ajax-loading&#8221; for a spinner type of animated gif, but where ECP explicitly uses an img and leaves the style for other attributes, the theme uses a background-image in its style (a different one, of course), along with some explicit sizing and locating.<\/p>\n<p>I guess my resolution for now is to override the background image when the class appears in the particular location in the DOM that matches where ECP places it, but it seems like there must be some WordPress pattern here for keeping plugins and themes from stepping on each other? Like always use qualified style names like tribe-ajax-loading, maybe?<\/p>\n<p>(Yes, I&#8217;ll be posting in the theme&#8217;s support forums too.)<br \/> &#8211; Doug<\/p>\n","protected":false},"template":"","class_list":["post-21108","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>ajax-loading ID conflict between ECP and theme -<\/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\/ajax-loading-id-conflict-between-ecp-and-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ajax-loading ID conflict between ECP and theme -\" \/>\n<meta property=\"og:description\" content=\"I&#8217;m not sure how to resolve this, but we&#8217;ve hit yet another global-namespace conflict between ECP and our theme. Both use a class of &#8220;ajax-loading&#8221; for a spinner type of animated gif, but where ECP explicitly uses an img and leaves the style for other attributes, the theme uses a background-image in its style (a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/\" \/>\n<meta property=\"article:modified_time\" content=\"2012-06-27T02:56:42+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\/ajax-loading-id-conflict-between-ecp-and-theme\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/\",\"name\":\"ajax-loading ID conflict between ECP and theme -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2012-06-23T18:08:00+00:00\",\"dateModified\":\"2012-06-27T02:56:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/#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\":\"ajax-loading ID conflict between ECP and theme\"}]},{\"@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":"ajax-loading ID conflict between ECP and theme -","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\/ajax-loading-id-conflict-between-ecp-and-theme\/","og_locale":"en_US","og_type":"article","og_title":"ajax-loading ID conflict between ECP and theme -","og_description":"I&#8217;m not sure how to resolve this, but we&#8217;ve hit yet another global-namespace conflict between ECP and our theme. Both use a class of &#8220;ajax-loading&#8221; for a spinner type of animated gif, but where ECP explicitly uses an img and leaves the style for other attributes, the theme uses a background-image in its style (a [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/","article_modified_time":"2012-06-27T02:56:42+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\/ajax-loading-id-conflict-between-ecp-and-theme\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/","name":"ajax-loading ID conflict between ECP and theme -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2012-06-23T18:08:00+00:00","dateModified":"2012-06-27T02:56:42+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/ajax-loading-id-conflict-between-ecp-and-theme\/#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":"ajax-loading ID conflict between ECP and theme"}]},{"@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\/21108","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":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/21108\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=21108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}