Tape Widget Demo
This widget will contain scrolling tickers (symbols).
{ "id": "default", "name": "Default Theme", "preview": "#006AFC", "colors": { "light": { "--background": "#F8F9FA", "--background-top": "#cdcecf", "--red": "#E64A27", "--green": "#006AFC", "--primary": "#006AFC", "--gradient-up": "radial-gradient(farthest-side circle at 50% 50%, rgba(0, 106, 252, .3), transparent)", "--gradient-down": "radial-gradient(farthest-side circle at 50% 50%, rgba(230, 74, 39, .3), transparent)", "--text-dark": "#373D42", "--text-light": "#B4B4B4", "--button": "transparent", "--button-text": "#373D42", "--button-active": "#006AFC", "--button-text-active": "#EEEEEE", "--gray-light": "#EEEEEE", "--gray": "#6c757d", "--gray-dark": "#343a40", "--white": "#ffffff", "--dark": "#212529", "--light": "#f8f9fa", "--overlay-color": "rgba(255, 255, 255, .5)", "--icon-gray": "#9e9e9e" }, "dark": { "--background": "#000000", "--background-top": "#303030", "--red": "#E64A27", "--green": "#6D9A20", "--primary": "#006AFC", "--gradient-up": "linear-gradient(90deg, transparent, rgba(109, 154, 32, .25), transparent)", "--gradient-down": "linear-gradient(90deg, transparent, rgba(230, 74, 39, .25), transparent)", "--text-dark": "#FFFFFF", "--text-light": "#929292", "--button": "transparent", "--button-text": "#929292", "--button-active": "#272727", "--button-text-active": "#FFFFFF", "--gray-light": "#151515", "--gray": "#6c757d", "--gray-dark": "#343a40", "--white": "#222222", "--dark": "#212529", "--light": "#f8f9fa", "--overlay-color": "rgba(0, 0, 0, .5)", "--icon-gray": "#474747" } } }
Layout Mode
Regular
Compact
Clickable Links
URL template:
asset/{exchange}/{symbol}/chart
Leave this field empty to prevent redirect on click
Scroll Duration
Duration (sec)
Scroll Direction
To Left
To Right