pages and simple back groung slidswhows

videogame95

Hi using back round slide show 3rd party module I have install page indicator
how do i add code to this page and ill add it in next time . I’ve tried adding London for transport Timetable But unfortunately its not showing up even when I’ve added the API keys off the site Any help The problems are heavy.

thank you

sdetweil

@videogame95 sorry, I don’t understand ‘this page’

Always showing goes with fixed
Others have names I. The modules section
Or
classes: at the modules

Page indicator should be in the fixed section

videogame95

Is there a way of video to the page I can add pictures of my screen if possible Sorry I forgot to add this into my other part of the post,

Thank you for any help

videogame95

back gound slide show is a 3rd party module
it rolls over images about 5 image tress waterfalls etc I’ve change some of the pictures to my own .

videogame95

let config = {
address: “localhost”,
port: 8080,
basePath: “/”,
ipWhitelist: [“127.0.0.1”, “::ffff:127.0.0.1”, “::1”],

language: "en",
locale: "en-GB",
timeFormat: 24,
units: "metric",

modules: [
	{
		module: "alert",
	},
	{
		module: "updatenotification",
		position: "top_bar"
	},
	{
		module: "clock",
		position: "top_left",
	},
	{
		module: "calendar",
		position: "top_left",
		config: {
			calendars: [{
				symbol: "calendar-check",
				url: "https://calendar.google.com/calendar/ical/jamesharris4191%40gmail.com/private-a9dbbb5842466e98dfa403a4f00fc787/basic.ics"
			}]
		}
	},
	{
		}
	},
	{
		module: "MMM-UKNationalRail",
		position: "top_left",
		module: "weather",
		position: "top_right",
		config: {
			weatherProvider: "openmeteo",
			type: "current",
			lat: 51.575,
			lon: 0.180
		}
	},
	{
		module: "MMM-BackgroundSlideshow",
		position: "fullscreen_below",
		config: {
			imagePaths: ["modules/MMM-BackgroundSlideshow/exampleImages/"],
			transitionInterval: 20000,
			slideshowSpeed: 20000,
		header: "Romford Station",
		config: {
			stationCode: "ROM",
			app_id: "099938b9", // <--- CHANGE THIS
			app_key: "6ef71984b273400141cb5dbc847aed00", // <--- CHANGE THIS
			maxResults: 5,
			updateInterval: 600000 // 10 minutes
		}
	},
	{
		module: "MMM-UKLiveBusStopInfo",
		position: "top_right",
		header: "Romford Market Buses",
		config: {
			atcocode: "490011659G",
			app_id: "099938b9", // <--- CHANGE THIS (same as above)
			app_key: "6ef71984b273400141cb5dbc847aed00", // <--- CHANGE THIS (same as above)
			nextBuses: "yes", 
			showRealTime: true,
			updateInterval: 300000 // 5 minutes
		}
	},
	{
		module: "MMM-page-indicator",
		position: "bottom_bar",
		config: { pages: 4 }
	},
	{
		module: "MMM-pages",
		config: {
			modules: [
				["calendar", "weather", "clock"], 
				["MMM-SoccerLiveScore"], 
				["MMM-UKNationalRail", "MMM-UKLiveBusStopInfo"], 
				[]
			],
			fixed: ["alert", "updatenotification", "MMM-BackgroundSlideshow", "MMM-page-indicator"],
			timings: { default: 20000 }
		}
	}
]

};

if (typeof module !== “undefined”) {module.exports = config;}

sdetweil

@videogame95

What is this?

UKLiveBusStopInfo"], 
				[] <—————-

Can’t have a page with no modules defined on it,
edit: this doesn’t show the error

Mmm-pages is all in browser, so open the browser console

ctrl-shift-i
Select the console tab
Add pages to the filter field

also, for MMM-page-indicator, it can figure out how many pages you have defined, so this

		config: { pages: 4 }

is not necessary (and misleading, when you have only 3 pages, technically)