function addCalendarButton() { if (document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div").length === 3) { document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div")[0] .insertAdjacentHTML('beforeend', `

Printable Calendar

`); } else { setTimeout(function () { addCalendarButton(); }, 500); } } window.addEventListener("appLoaded", (event) => { if (window.location.pathname.includes('events')) { addCalendarButton(); } }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { // code goes here addCalendarButton(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; $("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").click(function () { setTimeout(function () { addCalendarButton(); }, 800); }); //START Back to top button window.addEventListener("appLoaded", (scrollBtn)); function scrollBtn(){ document.querySelector("#view-footer").insertAdjacentHTML('beforebegin', ``); }; //Get the button: mybutton = document.getElementById("myBtn"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function(){ scrollFunction(); }; function scrollFunction() { if ( document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; // For Safari document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera } // Hide When button reaches footer var socialFloat = document.querySelector("#myBtn"); var footer = document.querySelector("#view-footer"); function checkOffset(){ function getRectTop(el){ var rect = el.getBoundingClientRect(); return rect.top; } if ( getRectTop(socialFloat) + document.body.scrollTop + socialFloat.offsetHeight >= getRectTop(footer) + document.body.scrollTop - 10 ) socialFloat.style.position = "absolute"; if ( document.body.scrollTop + window.innerHeight < getRectTop(footer) + document.body.scrollTop ) socialFloat.style.position = "fixed"; } document.addEventListener("scroll", function (){ checkOffset(); }); //END Back to top button

Table Dark	Header Row
Alternating Colors
Alternating Colors

Template

H2

H3

Dark, 3rd Icon

Dark, 3rd Icon