MagicMirror² v2.12.0 is available! For more information about this release, check out this topic.

Positions not working



  • 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



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



  • 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;}
    
    


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

    can’t paste it here



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


  • Module Developer

    @sdetweil in index.html

    see at line 32
    https://github.com/hangorazvan/MagicMirror2/blob/master/Screenshot (5).png

    you are the right moderator or what?


  • Module Developer

    @Joshsamuel open browser console and see what is the error



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


  • Module Developer

    The path is MagicMirro or MagicMirror?



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


Log in to reply