Treadwell Menu .html and .css

Treadwell Menu .HTML and .CSS

Purpose

For publishing menu-based Dashboard Messages in ETO, with matching color scheme.

Instructions

Well-formatted Dashboard Menus require both table code (describing each category and option), and style code. Although these can be published together in a Dashboard Message, a character limit can prevent publishing large code. The TreadwellMenu.html is a sample set of code, referencing the TreadwellMenu.css style code. The TreadwellMenu.css must be uploaded into ETO in a TouchPoint, while the TreadwellMenu.html can be modified and pasted into a Dashboard Message.

document.addEventListener("scroll", function () { const steps = document.querySelectorAll(".journey-block__step"); const triggerHeight = window.innerHeight * 0.8; steps.forEach(function (step) { const stepTop = step.getBoundingClientRect().top; if (stepTop < triggerHeight) { step.classList.add("visible"); } }); });