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?

[hango]

@sdetweil in index.html

see at line 32

you are the right moderator or what?

[hango]

@Joshsamuel open browser console and see what is the error

[Joshsamuel]

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

[hango]

The path is MagicMirro or MagicMirror?

[Joshsamuel]

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