Positions not working

[Joshsamuel]

Hi all,

I am in the middle of my MagicMirror project and it’s been great. Kudos to all the people who have helped develop this for free.

For some reason the middle_center and upper/lower_third positions aren’t working. When I set a specific module there, it aligns on the left side yet the vertical position is unaffected. How can I fix this?

N.B. As far as I can remember, the original compliments module (which is now turned off) was correctly displayed in the lower_third

[JohnBachini]

@Joshsamuel post your config minus any api keys/user/pass and someone may spot the problem

[Joshsamuel]

I’m trying to get the MMM-ATM to display lower_third

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	//address: "localhost", // Address to listen on, can be:
        address: "0.0.0.0",
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out or empty, is "localhost"
electronOptions: {
    webPreferences: {
      webviewTag: true
		    }
		  },
	port: 8080,
	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
	ipWhitelist: [],                                        // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

	language: "en",
	timeFormat: 12,
	units: "metric",
	// serverOnly:  true/false/"local" ,
			     // local for armv6l processors, default
			     //   starts serveronly and then starts chrome browser
			     // false, default for all  NON-armv6l devices
			     // true, force serveronly mode, because you want to.. no UI on this device

	modules: [
		{
			module: "alert",
		},
		{
    		module: 'MMM-ATM',
    		position: 'lower_third',              // Works well anywhere
   		 config: {
			multipleChoice: "Yes",        // No = just the ? then the answer
			useHeader: true,              // true if you want a header
			header: "Not another trivia module!",   // Any text you want
			maxWidth: "250px",             // Stretch or constrain according to region
   		 	}
		},
		{
  module: "MMM-GoogleAssistant",
  position: "fullscreen_above",
  config: {
    debug: false,
    assistantConfig: {
      lang: "en-GB",
      projectId: "", // Required to use gaction.
      modelId: "", // (OPTIONAL for gaction)
      instanceId: "", // (OPTIONAL for gaction)
      latitude: ,
      longitude: ,
    },
    responseConfig: {
      useScreenOutput: true,
      screenOutputCSS: "screen_output.css",
      screenOutputTimer: 5000,
      activateDelay: 250,
      useAudioOutput: true,
      useChime: true,
      newChime: true
    },
    micConfig: { // put there configuration generated by auto-installer
      recorder: "arecord",
      device: "plughw:2",
    },
    customActionConfig: {
      autoMakeAction: false,
      autoUpdateAction: false, // in RPI, gaction CLI might have some trouble.(current version should be 2.2.4, but for linux-arm, Google haven't updated) so leave this as false in RPI. I don't know it is solved or not.
      actionLocale: "en-GB", // At this moment, multi-languages are not supported, sorry. Someday I'll work.
    },
    snowboy: {
      audioGain: 2.0,
      Frontend: true,
      Model: "jarvis",
      Sensitivity: null
    },
    A2DServer: {
      useA2D: true,
      stopCommand: "thank you"
    },
    recipes: [ "with-MMM-Spotify.js", "Reboot-Restart-Shutdown.js" ],
  }
},
{
  module: "MMM-Assistant2Display",
  position: "top_left",
  config: {
    debug:false,
    useYoutube: true,
    links: {
      useLinks: true,
      displayDelay: 60 * 1000,
      scrollStep: 25,
      scrollInterval: 1000,
      scrollStart: 5000,
      scrollActivate: false,
      verbose: false
    },
    photos: {
      usePhotos: true,
      displayDelay: 10 * 1000
    },
    volume: {
      useVolume: true,
      volumePreset: "ALSA",
      myScript: null
    },
    briefToday: {
      useBriefToday: false,
      welcome: "Hi"
    },
    screen: {
      useScreen: false,
      delay: 5 * 60 * 1000,
      turnOffDisplay: true,
      ecoMode: true,
      displayCounter: true,
      displayBar: false,
      displayStyle: "Text",
      text: "Auto Turn Off Screen:",
      detectorSleeping: false,
      governorSleeping: false,
      rpi4: false
    },
    pir: {
      usePir: false,
      gpio: 21,
      reverseValue: false
    },
    governor: {
      useGovernor: false,
      sleeping: "powersave",
      working: "ondemand"
    },
    internet: {
      useInternet: false,
      displayPing: false,
      delay: 2* 60 * 1000,
      scan: "google.fr",
      command: "pm2 restart 0",
      showAlert: true
    },
    TelegramBot: {
      useTelecastSound: false,
      TelecastSound: "TelegramBot.ogg"
    },
    cast: {
      useCast: false,
      castName: "MagicMirror_A2D",
      port: 8569
    },
    spotify: {
      useSpotify: true,
      connectTo: "Raspotify",
      playDelay: 3000,
      minVolume: 10,
      maxVolume: 100
    }
  }
},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "My Calendar",
			position: "top_left",
			config: {
                                 maximumEntries: 5,				
                                 calendars: [
					{
						symbol: "calendar-check-o ",
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/75/UK_Holidays.ics"  
          		                },
			                {	symbol: "MyCalendar",
                                                url: ""                               
			                }
	
                                ]         	
                         }
                },
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "",
				locationID: "", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				appid: ""
			}
		},
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				location: "",
				locationID: "", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				appid: ""
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "The Guardian",
						url: "http://theguardian.com/uk/rss"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},
                {
 				 module: "MMM-Spotify",
 				 position: "top_left", // "bottom_bar" or "top_bar" for miniBar
 				 config: {
   					 debug: false, // debug mode
   				 	style: "mini", // "default" or "mini" available (inactive for miniBar)
   				 	control: "default",
   				 	accountDefault: 0, // default account number, attention : 0 is the first account
   					 updateInterval: 1000, // update interval when playing
   					 idleInterval: 30000, // update interval on idle
   					 onStart: null, // disable onStart feature with `null`
   					 deviceDisplay: "Listening on", // text to display in the device block (default style only)
   					 allowDevices: [], //If you want to limit devices to display info, use this.
   					 // allowDevices: ["RASPOTIFY", "My iPhoneX", "My Home speaker"],
   					 miniBarConfig: {
   					   album: true, // display Album name in miniBar style
     					 scroll: true, // scroll title / artist / album in miniBar style
     					 logo: true, // display Spotify logo in miniBar style
   					 }
     				 }
		},
                {
                       module: "MMM-GoogleFit",
                       position: "top_right",
                       config: {
                                  startOnMonday: "boolean",
                                  lastSevenDays: "boolean",                            

                          }
                },
                {
                       module: 'MMM-GoogleTasks',
                       header: "Google Tasks",
                       position: "top_right",
                       config: {
                		listID: "",
                		
            		}
      	        },
	        {
		module: 'MMM-PushBulletNotifications',
		header: 'Notifications',
		position: 'top_left',	// This can be any of the regions.		
		config: {
			// See 'Configuration options' for more information.
			accessToken: "", //PushBullet API Access Token
			endToEndPassword: null,
			numberOfNotifications: 3,
			filterTargetDeviceName: "",
			showPushesSentToAllDevices: true,
			onlyAllowCommandsFromSourceDevices: [],
			fetchLimitPushBullet: 50,
			showPushes: true,
			showPushesOnLoad: true,
			showDismissedPushes: true,
			showMirroredNotifications: true, 
			onlyShowLastNotificationFromApplication: false,
			showIndividualNotifications: false,
			showSMS: true,
			showMessage: true,
			showIcons: true,
			showDateTime: true,
			localesDateTime: 'nl-NL',
			playSoundOnNotificationReceived: true,
			soundFile: 'modules/MMM-PushBulletNotifications/sounds/new-message.mp3',			
			maxMsgCharacters: 50,
			maxHeaderCharacters: 32,
			showModuleIfNoNotifications: true,
			noNotificationsMessage: "No new notifications",
			debugMode: false,
		   }
	     },
            {
                module: "MMM-Wallpaper",
                position: "fullscreen_below",
                	config: { // See "Configuration options" for more information.
                        source: "bing",
                  	slideInterval: 60 * 1000 // Change slides every minute
   			 }
 	    },
	    //{
		//module: "MMM-MagicMover",
		//position: "left",
		//config: {
		//	updateInterval: 60 * 1000,
		//	maxMove: 20,
        	//}
     // },
      {
    	module: 'MMM-Remote-Control',
    	// uncomment the following line to show the URL of the remote control on the mirror
    	// , position: 'bottom_left'
    	// you can hide this module afterwards from the remote control itself
    	config: {
       	 	customCommand: {},  // Optional, See "Using Custom Commands" below
        	customMenu: "custom_menu.json", // Optional, See "Custom Menu Items" below
        	showModuleApiMenu: true, // Optional, Enable the Module Controls menu
        	apiKey: "",         // Optional, See API/README.md for details
   		 }
	},
        {
    	module: 'MMM-WiFiPassword',
   	 position: "top_left",
    	  config: {
     	   //See 'Configuration options' for more information.
      	  network: "", 
       	  password: "",
      }
  },	
      ]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

[sdetweil]

@Joshsamuel lower_third is not one of the positions… see ~/MagicMirror/index.html for the defined positions

can’t paste it here

[Joshsamuel]

@sdetweil Is there a reason why my index.html when opened is a black screen?

[A Former User]

This post is deleted!

[A Former User]

This post is deleted!

[Joshsamuel]

@hango No clue what I’m looking for here but this is what I can see Errors 1 Errors 2

[A Former User]

This post is deleted!

[Joshsamuel]

@hango The path is MagicMirror, the ‘r’ is at the start of the next line

[sdetweil]

@hango yep, sorry, missed it…

you don’t open index.html with a browser… its the shell that MM uses to place module output

[sdetweil]

@Joshsamuel error file not found, looks like you didn’t follow some install instructions,

there was a step

npm install

looks like something happened to the node_modules folder where the libraries are saved

[A Former User]

This post is deleted!

[Joshsamuel]

@sdetweil I ran npm install in the MM directory, it then said new patch version of npm available (6.14.4 > 6.14.5). I then tried to install this using

npm install -g npm

Then got the following message with some errors:

pi@raspberrypi:~/MagicMirror $ npm install -g npm
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/graceful-fs
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/mkdirp
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/nopt
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/npm-registry-fetch
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules
npm WARN checkPermissions Missing write access to /usr/lib/node_modules
npm ERR! code EACCES
npm ERR! syscall access
npm ERR! path /usr/lib/node_modules/npm/node_modules/graceful-fs
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs'
npm ERR!  { [Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs']
npm ERR!   stack:
npm ERR!    'Error: EACCES: permission denied, access \'/usr/lib/node_modules/npm/node_modules/graceful-fs\'',
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'access',
npm ERR!   path: '/usr/lib/node_modules/npm/node_modules/graceful-fs' }
npm ERR! 
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/pi/.npm/_logs/2020-06-22T17_34_29_233Z-debug.log
pi@raspberrypi:~/MagicMirror $ 

[sdetweil]

@Joshsamuel yeh, don’t do that…
to recover do

cd ~/MagicMirror
npm install

[Joshsamuel]

@sdetweil Just did that, still haven’t got position working

[sdetweil]

@Joshsamuel did u examine the error in index.html as suggested>

what does the log look like, both the console log (or pm2 logs --lines=100)
and the developer window console?

you have broken code, so nothing will be working right

[lavolp3]

@Joshsamuel

npm ERR! Error: EACCES: permission denied, access ‘/usr/lib/node_modules/npm/node_modules/graceful-fs’
npm ERR! { [Error: EACCES: permission denied, access ‘/usr/lib/node_modules/npm/node_modules/graceful-fs’]

npm itself is often installed with sudo priviledge (like here, hence “permission denied”).
Therefore you’d need to do sudo npm install -g npm

[BKeyport]

By the way, the regions are:

top_bar
bottom_bar
top_left
bottom_left
top_center
bottom_center
top_right
bottom_right
upper_third
lower_third
middle_center
fullscreen_above
fullscreen_below

[Joshsamuel]

@lavolp3 I ran the npm install in the MM directory and the update, no error messages this time, but position still doesn’t work

pi@raspberrypi:~ $ cd ~/MagicMirror
pi@raspberrypi:~/MagicMirror $ sudo npm install
npm WARN lifecycle magicmirror@2.11.0~install: cannot run in wd magicmirror@2.11.0 echo "Installing vendor files ...
npm WARN lifecycle " && cd vendor && npm install --loglevel=error (wd=/home/pi/MagicMirror)
npm WARN lifecycle magicmirror@2.11.0~postinstall: cannot run in wd magicmirror@2.11.0 npm run install-fonts && echo "MagicMirror installation finished successfully! 
npm WARN lifecycle " (wd=/home/pi/MagicMirror)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})

audited 1082 packages in 20.995s

77 packages are looking for funding
  run `npm fund` for details

found 3 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
pi@raspberrypi:~/MagicMirror $ sudo npm install -g npm
/usr/bin/npm -> /usr/lib/node_modules/npm/bin/npm-cli.js
/usr/bin/npx -> /usr/lib/node_modules/npm/bin/npx-cli.js
+ npm@6.14.5
updated 5 packages in 38.973s