The MMM-SimpleLogo module is third party modules of the MagicMirror. This module simply displays logo.
To use this module, add it to the modules array in the config/config.js file:
modules: [
{
module: 'MMM-SimpleLogo',
position: 'top_left', // This can be any of the regions.
config: {
// The config property is optional.
// See 'Configuration options' for more information.
}
}
]The following properties can be configured:
| Option | Description |
|---|---|
fileUrl |
File url. Possible values: Logo link form internet or path to your local files relative to MagicMirror directory Default value: 'modules/MMM-SimpleLogo/public/logo.png' |
width |
Set width of your logo, height is auto. Possible values: '300px' or '50%'
Default value: '200px'
|
position |
Horizontal position on current container Possible values: left, center, or right
Default value: left
|
refreshInterval |
Refresh/refetch image file between interval. Only use this if your image url return different image after some interval of time, even the fileUrl is not changed. See this case #2, awesome project by @ElYoM Possible values: 1000, 2000, or 10000
Default value: 0 (disabled)
|
text |
Text above the image. Possible values: Any text Default value: Simple Logo
|
The MMM-SimpleLogo module supports the notification event SIMPLE_LOGO_UPDATE which allows the configuration to be dynamically modified. As an example, the MMM-OnScreenMenu module might be used to dynamic adjust the fileURL parameter as follows:
{
module: "MMM-OnScreenMenu",
position: "top_left",
config: {
menuItems: {
notify1: {
title: "Show Cat",
notification: "SIMPLE_LOGO_UPDATE",
payload: {
fileUrl: "cat.jpg",
width: "750px"
}
},
notify2: {
title: "Show Dog",
notification: "SIMPLE_LOGO_UPDATE",
payload: {
fileUrl: "dog.jpg",
width: "1050px"
}
}
}
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent