@broberg I have sorted it this morning. I really appreciate your taking the time to help me, Thankyou Broberg. So many on here seem unwilling to help. Youre a legend!

@broberg Hi mate. Thanks for taking the time.
I will copy it below… The PushBullet Notification one works fine but ones i mentioned don’t…

 body {




.module.currentweather {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }

.module.MMM-PushBulletNotifications {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}



 }

.module.compliments {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }



 }

.module.weatherforecast {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

Regards

@Sean said in How add transparent background to modules:

.module.calendar {
background-color:rgba(0,0,0,0.6);
border-radius:8px;
padding:8px;
}

I have tried this format …

.module.calendar {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

and it works perfect for most modules but simply will not work for currentweather, weatherforecast or compliments?
Any ideas folks?

@JonoGee said in MMM-ToggleButtons x2 setup:

//

Ignore the // on second module entry. If I take it out it still doesn’t work…

Good afternoon all,
On my mirror I am going to build in a semi hidden button in the frame made of the same material that hides modules so it is just a mirror without any distraction.
I have set this up perfectly and works lovely.
However, I would like to add a second Toggle Button on a different GPIO pin Number to hide a different selection of modules.

When I had a second ToggleButton module to the config file with a diferent Pin, neither of the buttons work. I have included code below…

{
module: 'MMM-ModuleToggleButton',
config: {
buttonGpioPin: 6,
moduleNames: [
'clock',
'calendar',
'MMM-PushBulletNotifications',
'MMM-page-indicator',
'newsfeed',
'compliments',
'currentweather',
'weatherforecast',
'MMM-AlexaPi',
'MMM-GoogleTasks',
'MMM-History',
'MMM-CountDown',
'MMM-Spotify',
'internet-monitor',
'MMM-portscan',
'MMM-network-signal',
'MMM-BackgroundSlideshow',
'MMM-SystemStats',
]
}
},

// {
// module: 'MMM-ModuleToggleButton',
// config: {
// buttonGpioPin: 26,
// moduleNames: [
//	'clock',
//	'MMM-BackgroundSlideshow',
//
// ]
// }
// },

Can anybody tell me if this is possible or where I am going wrong. THanks in advance.

@JonoGee MIght be worth mentioning also the default clock module works with exact same coding formula…

I have successfully displayed semi transparent backgrounds behind most modules to aid visibility when using a background image but it will not work on compliments, currentweather and weatherforecast. See my code below…

 body {




 }

.module.MMM-PushBulletNotifications {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}



 }

.module.compliments {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }

.module.currentweather {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

 }

For example. PushBulletNotifications displays a background but the other modules mentioned do not.
Anyone any ideas please?

@Synthic
Hi Synthic, Please may I ask what module you used to display the PiCam feed in MagicMirror?
Regards

@JonoGee just get …
This site can’t be reached 192.168.1.*** refused to connect.
Try:

Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_REFUSED
when trying to get token

Could someone please help where I get Enter your Redirect URI (allowed return URL) from Alexa Voice Service (AVS):
from for this module. 10 hours straight trying to install this going from poor to terrible installation guides and I finally get close to completing installation and this hurdle hits me.
Really struggling here

Hi Ladies & Gentlemen,
I have scoured this site and the only Selfie Mirror options that I can see involve a separate webcam, the the official Rasp Pi Cam or the ones that do only support posting to Facebook or Twitter/Insta.

Please correct me if there is something that I have overlooked.

I am currently in the process of making/writing a MagicMirror for my daughter. It will phone notifications and tasks and stuff but what she would really like would be a selfie taker that provides a real time image, some kinda timer displayed and photos that upload to something like google photos. Functionality to either start the process with an onscreen button by using wireless min keyboard/mouse, and/or voice activ or a simple incorporated button on the mirrors frame.

The idea being that is for taking selfies and posting and what not whilst getting ready. Like a Selfie / Vanity mirror sort of affair.

Does anything like this exist with the PiCam or does anyone fancy having a go at building a module like this. I think it would be a huge hit with the female getting ready scene, aswell as the more vain of the male species. haha.

Live video display aswell as stills would be even better too.

Let me know your thoughts please folks.
Be healthy.

Any other device, PC, DVD Player, PS4, what ever i plug it its fine. Raspi homepage. spilling outside screen area.

@cirdan It was displaying fine with a black border actually during the Raspi setup and I ticked something during setup and its been like this since.

@evroom
Hi buddy,
I tried disabling out all overscan settings etc. It didn’t make the slightest change, neither did…

hdmi_group=1
hdmi_mode=16

I am not sure where i should be putting…

$ tvservice -m CEA
$ tvservice -m DMT

I checked out those links and nothing I do at all makes any change whatsoever. I see no adjustment or anything. I’d be happy if i did then i could keep adjusting, rebooting, and re-adjust accordingly until it was right.

THankyou for your time anyway trying to help me sort this. I really appreciate it.
BR

@sdetweil It is the Pi desktop that is too big mate. but equally makes the MM too big too when launched.

Hi Folks
I have played around with this for hours on end. I have the Raspi up and running and have got MagicMirror installed. But for the love of money I can’t get the screen to stop overflowing past the edge of the monitor. The image I can see if too big for the screen i am using.
In Raspi Configuration I have tried Underscan both Enabled and Disabled.
In the config file i have tried allsorts of combinations of the following code…

disable_overscan=1

overscan_left=39
overscan_right=39
overscan_top=25
overscan_bottom=23
framebuffer_width=1920
framebuffer_height=1080
hdmi_group=1
hdmi_mode=16

Whether disabled or not, positive or negative values nothing makes any difference the the results I get.
Its like a setting somewhere is overriding any of these settings.
Can someone please take pity of a guy whose gonna rip his hair out anytime soon.
Best Regards

Good morning Folks,

I was hoping someone could help me. I have installed the RemoteControl module but all i get when i run npm start is a black, blank screen. I am not entirely sure but i think it is something to do with this bit…

var config = {
	address: "0.0.0.0",	
	port: 8080,
	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.93"],
	ipWhitelist: [],

Below is all the code related to this module. I would really appreciate someones help.
Best Regards

var config = {
	address: "0.0.0.0",	
	port: 8080,
	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.93"],
	ipWhitelist: [],

	language: 'en',
	timeFormat: 24,
	units: 'metric',

	modules: [

{
    module: 'MMM-Remote-Control',
    // uncomment the following line to show the URL of the remote control on the mirror
     "pages": {"Video": "bottom_left"},
    // you can hide this module afterwards from the remote control itself
},

Thanks for your thoughts.
It does and it doesnt so far. But i like the thought og changing demand and adaptability. I have concerns about remote changes as my daughter does not live with me. grwoing up and changing interests. for example, right now its space, so thats pretty easy.```
/* Magic Mirror Config Sample
*

• By Michael Teeuw http://michaelteeuw.nl
• MIT Licensed.
  */

var config = {
port: 8080,
ipWhitelist: [“127.0.0.1”, “::ffff:127.0.0.1”, “::1”],

language: 'en',
timeFormat: 24,
units: 'metric',

modules: [
	{
		"module": "MMM-Page-Selector",
		"position": "top_center",
		"config": {
			"defaultPage": "main",
			"displayTitle": true,
			"selectPageNotif": [],
			"incrementPageNotif": [],
			"decrementPageNotif": []
		}
	},

	{
		"module": "MMM-page-indicator",
		"position": "bottom_center",
		"pages": {"all": "bottom_bar"},
	},

            {
            module: "MMM-EARTH",
            position: "bottom_center",
            "pages": {"Main": "middle_center"},
            config: {
            mode: "Natural",
            rotateInterval: 10000,
	animationSpeed: "2000",
            MaxWidth: "25%",
            MaxHeight: "25%",
            }
            },

{

module: ‘MMM-ISS-Live’,
“pages”: {“Calendar”: “middle_center”},
config: {
useHeader: true,
header: “ISS Live Feed”,
animationSpeed: 1000,
}
},
{
module: ‘alert’,
},
{
module: “updatenotification”,
position: “top_bar”
},
{
module: ‘clock’,
“pages”: {“Main”: “top_left”, “Calendar”: “top_left”},
config: {
showWeek: “True”,
displayType: “digital”,
secondsColor: “#FF00FF”,
}
},
{
module: “calendar”,
header: “Ella’s Calendar”,
“pages”: {“Calendar”: “top_right”},
config: {
fetchInterval: 1000 * 60 * 1,
showLocation: “True”,
timeFormat: “absolute”,
getRelative: 1,
urgency: 10,
maxTitleLength: 25,
wrapEvents: true,
fadePoint: “0.6”,
dateFormat: “ddd D/MMM HH.mm”,
maximumEntries: 10,
getRelative: 168,
showend: true,
calendars: [
{
symbol: “calendar-check”,
name: “Bank Holidays”,
maximumEntries: “4”,
url: “https://www.gov.uk/bank-holidays/england-and-wales.ics”,
},
{
url: “https://calendar.google.com/calendar/ical/ellamaegee%40gmail.com/private-51633363eb4687a6e4751d66308a6192/basic.ics”,

				}
			]
		}
	},


    {
        module: 'MMM-GoogleTasks',
        header: "Google Tasks",
        "pages": {"Calendar": "bottom_left"},
        config: {
	maxResults: "20",
	showCompleted: "True",
	dateFormat: "Do MMM YYYY",
	tableClass: "small",
            listID: "MTIzODYyMTUxMjE4NzU1MTkxNjQ6MDow",

        }
    },

	{
		module: 'compliments',
		"pages": {"Main": "bottom_bar"},
		config: {
compliments: {
	rain: [
		"Might need an Umbrella Today Ella",
		"Going to Rain Today Ella"
	],
	cloudy: [
		"Looks like its gonna be Cloudy today Ella",
		"Not Sun Tan cream needed today Angel. x"
	],
	anytime: [
		"Mummy & Daddy Love You Ella.xxx"
	],
	morning: [
		"Ella, Good morning, beautiful!",
		"Ella, Have a great day. xx",
		"Ella, How was your sleep?"
	],
	afternoon: [
		"Ella, How you doing Gorgeous?",
		"How was your day at School Ella?",
		"Ella, I Love you, Daddy"
	],
	evening: [
		"Ella, Good evening Princess",
		"Ella, Are you ready for Bed?",
		"Goodnight Ella, Sweet Dreams!"
	]
}

}
},
{
module: ‘currentweather’,
“pages”: {“Main”: “bottom_right”},
config: {
showWindDirectionAsArrow: “True”,
showHumidity: “True”,
showIndoorTemperature: “True”,
location: ‘New York’,
locationID: ‘2638324’, //ID from http://www.openweathermap.org
appid: ‘5e7cd5414ae72f15fb9f07d9b1580dbc’
}
},
{
module: “weatherforecast”,
“pages”: {“Main”: “bottom_right”},
header: “Weather Forecast”,
config: {
colored: “True”,
maxNumberOfDays: “10”,
location: “Scunthorpe, UK”,
locationID: “2638324”, //ID from https://openweathermap.org/city
appid: “5e7cd5414ae72f15fb9f07d9b1580dbc”

		}
	},

	{
		module: 'newsfeed',
		"pages": {"Main": "top_bar"},
		config: {
			feeds: [
				{
					title: "Ella's Newsround Update",
					url: "https://feeds.bbci.co.uk/newsround/home/rss.xml"
				}
			],
			showSourceTitle: true,
			showPublishDate: true
		}
	},

{
module: ‘MMM-PushBulletNotifications’,
header: ‘Notifications’,
“pages”: {“Main”: “bottom_left”}, // This can be any of the regions.
config: {
// See ‘Configuration options’ for more information.
accessToken: “o.xOkQ12VhFQolMYXvxjJDWCB1jvKs5iIn”, //PushBullet API Access Token //PushBullet API Access Token. This Access Token can be created in your PushBullet account under [settings](https: www.pushbullet.com/#settings) This value is REQUIRED
numberOfNotifications: 3, //Integer value, the number of notifications to show on the Magic Mirror. This includes pushes and ephemerals (mirrored notifications and SMS) Example: 5 Default value: 3 This value is OPTIONAL
filterTargetDeviceName: “”, //String value, only show pushes that are send to this PushBullet device. Example: Magic Mirror Default value: empty string This value is OPTIONAL
showPushesSentToAllDevices: true, //Boolean value, show pushes to all devices in PushBullet (=true). This option is only used if the option ‘filterTargetDeviceName’ is filled in. Possible values: true or false Default value: true This value is OPTIONAL
onlyAllowCommandsFromSourceDevices: [], //Array value containing strings. If this array is empty commands (=pushes start with mm:) from every device is allowed. Each string should be the nickname of a PushBullet device. To get a list of devices from the API run the curl command: curl --header 'Access-Token: ’ https://api.pushbullet.com/v2/devices Commands should be prefixed with ‘mm:’. A list of command currently supported. mm:shutdown mm:hide all modules mm:hide module: mm:show all modules mm:show module: mm:display off mm:display on mm:play sound mm:say:Hello World (this requires that the MMM-TTS is installed) Example: [‘MY-PC’, ‘My iPhone’] Default value: empty array [] This value is OPTIONAL
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-Cursor”,
},
//{
//module: ‘MMM-SystemStats’,
//“pages”: {“Ella’s System Performance”: “top_right”}, // This can be any of the regions.
// classes: ‘small dimmed’, // Add your own styling. OPTIONAL.
// header: ‘Ella’s System Stats’, // Set the header text OPTIONAL
//config: {
// updateInterval: 10000, // every 10 seconds
// align: ‘right’, // align labels
// //header: ‘Ella’s System Stats’, // This is optional
// units: ‘metric’, // default, metric, imperial
// view: ‘textAndIcon’,
//},
//,
//{
// module: ‘MMM-NetworkConnection’,
// “pages”: {“Ella’s System Performance”: “bottom_left”},
//config: {
//}
//},
//{
// module: ‘MMM-WatchDog’,
// config: {
// // See ‘Configuration options’ for more information.
// }
//},

]

};

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

Hey Folks,
First off, huge respect to you lot for what you’re doing and all the help i have recieved so far just from reading through your forum and module detail etc. I try to work as much as i can my own way before posting simpleton questions on a forum.
Respect Ladies & Gentlemen.

I started about a week n half ago on a magic mirror which i figure would be a wonderful present for my daughter of 7. She is a clever girl and loves tech n stuff.

I don’t have any particularly problems so far other than personalising it for my daughter but how could i post my config file for a generous people to take a look at at see if anyone can see if anything is obviously wrong.

I am currently running it through a windows emulator before i purchase the raspberry pi and take on that transition.

What is socially accepted way for me to paste config file? I guess that’s what youd be wanting to see if you want to entertain me

Best Regards

Jono