Skip to content
MagicMirror Modules Simple Logo
JavaScript CSS
Branch: develop
Clone or download
Latest commit 60f4bd6 Aug 1, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml Jun 10, 2019
css added a label in front Feb 26, 2018
public Add Files Dec 25, 2016
.gitignore Initial commit Dec 25, 2016
LICENSE Initial commit Dec 25, 2016
MMM-SimpleLogo.js Rename dynamic configuration event to SIMPLE_LOGO_UPDATE Mar 8, 2019 Document text option. Jul 30, 2019

Module: MMM-SimpleLogo

The MMM-SimpleLogo module is third party modules of the MagicMirror. This module simply displays logo.

Using the module

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.

Configuration options

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

Notification Events

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"
You can’t perform that action at this time.