MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Positions not working

    Scheduled Pinned Locked Moved Troubleshooting
    22 Posts 6 Posters 2.7k Views 5 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      Joshsamuel
      last edited by

      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

      J 1 Reply Last reply Reply Quote 0
      • J Offline
        JohnBachini @Joshsamuel
        last edited by

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

        1 Reply Last reply Reply Quote 0
        • J Offline
          Joshsamuel
          last edited by 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;}
          
          
          S 1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @Joshsamuel
            last edited by sdetweil

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

            can’t paste it here

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            ? 1 Reply Last reply Reply Quote 0
            • J Offline
              Joshsamuel
              last edited by

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

              ? 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User @sdetweil
                last edited by A Former User

                This post is deleted!
                S 1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User @Joshsamuel
                  last edited by

                  This post is deleted!
                  J 1 Reply Last reply Reply Quote 0
                  • J Offline
                    Joshsamuel @Guest
                    last edited by

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

                    S 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User
                      last edited by

                      This post is deleted!
                      J 1 Reply Last reply Reply Quote 0
                      • J Offline
                        Joshsamuel @Guest
                        last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy