MMM-MyTado

[MyMirror]

@htilburgs
Ok, let’s start with the MM Version: 2.34.0
Browser?: I use the default Chronium Browser: V 144.0.7559.109
MMM-MyTado:

//              https://forum.magicmirror.builders/topic/20128/mmm-mytado
                {
                        module: "MMM-MyTado",
                        position: "top_left",
                        header: "TADO",
                        disabled: false,
                        config: {
                                updateInterval: 1800000,             // 30 min - because of limitation free account
                                showZones: [],                       // [] = all zones, otherwise use zonename ["zone 1","zone 2"]
                                showHomeName: true,                  // Show Home Name as defined within the Tado environment
                                showColumnHeaders: true,             // true = show Columns Headers, false = Hide Columns Headers
                                useColors: true,  //false,           // Show colors for the Temperature column
                                zoneColumnName: "ZONE",              // Custom Zone Column Name - default = ZONE
                                showLastUpdate: true,                // Show last update
                                lastUpdateName: "Last update",       // Custom Last update name - default = Last update
                                tempColumnName: "TEMP (°C)",         // Custom Temperature Column Name - default = TEMP (°C)
                                humidityColumnName: "",              // empty for no title (default)
                                statusColumnName: "STATUS"           // Custom Status Column Name - default = STATUS
                                }
                },

Tado on the left side:

Tado on the right side:

[MyMirror]

And: All with OS Trixie

[htilburgs]

@MyMirror
I don’t see anything strange.
Have you looked with the developer tools?

Open browser, go to your MagicMirror site (http://IP:8080)
Right click on the icon before JW and select “inspect”
Now you can see the elements and styles.

Do you see something like this?
<div class="tado-home">🏠 JW</div>

If not, what do you see?

For the align I found how to fix this.
This is just an CSS issue and will be fixed.

[MyMirror]

@htilburgs
Crazy …
See this:

Left on the real MM: no pictures
Right over IP:8080: all needed images

[htilburgs]

@MyMirror
This is a font issue on the Raspberry Pi.
Can you try sudo apt install fonts-symbola reboot your PI and look again?

This issues with the alignement of the Home Name and the Status icons is fixed also. Just published an update.

[MyMirror]

@htilburgs
fonts-Symbola installed and rebootet:

And some inspections:

[JoeFranz]

@MyMirror
I didn’t have any colors either.

Then I installed the “Noto Color Emoji” font.

After that, I added the following to custom.css:

/* Do NOT use Symbola */
.MMM-MyTado {

font-family: “Noto Color Emoji”, sans-serif !important;

}

Now the colors are there :-)

[MyMirror]

@JoeFranz
Yes !! - This “Noto Color Emoji” font works!
Now i’ve colors and pictures.

The steps:
sudo apt update
sudo apt install fonts-noto-color-emoji
fc-cache -fv

• change font in css
  and reboot your mirror

Thanks for your help and one more time: Thanks for the module

[htilburgs]

@MyMirror
Your welcome.
Have much fun in using this module

@joefranz
Thanks for the help with the fonts.

[JoeFranz]

@htilburgs
I’ve made the view a bit more compact. The word “Status” was stretching everything too much. Now I only see the status icon. Looks better, I think… :-) Remove the old entry in custom.css and replace it with this:

/* Nur die STATUS-Überschrift ausblenden */
.MMM-MyTado th:last-child {
display: none !important;
}