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.

    MMM-Pinfo Help

    Scheduled Pinned Locked Moved Solved Troubleshooting
    5 Posts 3 Posters 257 Views 3 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.
    • plainbrokeP Offline
      plainbroke
      last edited by plainbroke

      I am having an issue with the display being different from one Pi to another.
      MyScreenPinfo.png
      Defaultt.png
      Mine is having issues with the dual lines.
      both are running the same configurations…

      Slow learner. But trying anyways.

      S R 2 Replies Last reply Reply Quote 0
      • plainbrokeP Offline
        plainbroke @plainbroke
        last edited by

        @rkorell
        @sdetweil
        Never mind I am stupid.
        I figured out that I had removed several sections of the config file that was in his readme. Then went and re numbered the lines.
        Which really upset the apple cart.
        I did have to change the parts you said @rkorell.
        But the rest was my doing. Compare the first Config i posted and this one and you will see what I did.

                        {
                                module: "MMM-Pinfo",
                                position: "middle_center",
                                config: {
                                  debug: false,
                                  refresh: 5000,
                                  itemAlign: "left",
                                  labelAlign: "left",
         valueAlign: "right",
        labelSize: 400,
        containerSize: 500,
                                  DEVICE: {
                                        labelModel: "Model",
                                        displayModel: true,
                                        orderModel: 1,
                                        labelSerial: "Serial",
                                        displaySerial: true,
                                        orderSerial: 2
                                  },
                                  OS: {
                                        labelOs: "OS",
                                        displayOs: true,
                                        orderOs: 3
                                  },
                                  NETWORK: {
                                        labelType: "NET Type",
                                        displayType: true,
                                        orderType: 4,
                                        labelIPv4: "IPv4",
                                        displayIPv4: true,
                                        orderIPv4: 5,
                                        labelIPv6: "IPv6",
        I deleted these 2 lines and then changed orderMac: 6  and so on down the 
        List.. 
        DISPLAYIPV6: FALSE,
        ORDERIPV6: 6,
                                        labelMac: "MAC",
                                        displayMac: true,
                                        orderMac: 7
                                  },
                                  RAM: {
                                        labelRam: "RAM",
                                        displayRam: true,
                                        orderRam: 8
                                  },
                                  STORAGE: {
                                        labelStorage: "Storage",
                                        displayStorage: true,
                                        orderStorage: 9,
                                  },
                                  CPU: {
                                        labelType: "CPU Type",
                                        displayType: true,
                                        orderType: 10,
                                        labelUsage: "CPU Usage",
                                        displayUsage: true,
                                        orderUsage: 11,
                                        labelTemp: "CPU Temp",
                                        displayTemp: true,
                                        orderTemp: 12
                                  },
                                  UPTIME: {
                                        labelUptime: "Uptime",
                                        displayUptime: true,
                                        orderUptime: 13
                                  },
                                  WARNING: {
                                        enable: true,
                                        interval: 1000 * 60 * 5,
                                        check: {
                                          CPU_TEMP: 65,
                                          CPU_USAGE: 75,
                                          RAM_USED: 80,
                                          STORAGE_USED: 80
                                        }
                                  },
                                }
                        },				  
        

        Slow learner. But trying anyways.

        1 Reply Last reply Reply Quote 1
        • S Offline
          sdetweil @plainbroke
          last edited by

          @plainbroke css?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • R Offline
            rkorell @plainbroke
            last edited by rkorell

            @plainbroke
            This time actually not a CSS issue :-)

            If I‘m not going wrong and remember correctly, I had a similar problem with MMM-Pinfo.
            There is a configuration option in the module-declaration in config.js.
            I‘ve set containerSize to 180.
            And valueAlign to right.

            This solved the shown overlayed look …

            And your labels are aligned „center“ - this I would set to left (labelAlign is the parameter)

            HTH,
            Warm regards,
            Ralf

            plainbrokeP 1 Reply Last reply Reply Quote 0
            • plainbrokeP Offline
              plainbroke @rkorell
              last edited by plainbroke

              @rkorell @sdetweil

              Here is what I have in my config.js and custom.css

                              {
                                      module: "MMM-Pinfo",
                                      position: "middle_center",
                                      config: {
                                        debug: false,
                                        refresh: 10000,
                                        itemAlign: "left",
                                        labelAlign: "left",
                                        valueAlign: "right",
                                        labelSize: "60px", //null,
                                        containerSize: "180px",
                                       DEVICE: {
                                              labelModel: "Model:",
                                              displayModel: true,
                                              orderModel: 1,
                                        },
                                       OS: {
                                              labelOs: "OS:",
                                              displayOs: true,
                                              orderOs: 2
                                        },
                                       NETWORK: {
                                              labelType: "NET Type:",
                                              displayType: true,
                                              orderType: 3,
                                              labelIPv4: "IPv4:",
                                              displayIPv4: true,
                                              orderIPv4: 4,
                                              labelMac: "MAC:",
                                              displayMac: true,
                                              orderMac: 5
                                        },
                                       RAM: {
                                              labelRam: "RAM:",
                                              displayRam: true,
                                              orderRam: 6
                                        },
                                       STORAGE: {
                                              labelStorage: "Storage:",
                                              displayStorage: true,
                                              orderStorage: 7,
                                        },
                                       CPU: {
                                              labelType: "CPU Type:",
                                              displayType: true,
                                              orderType: 8,
                                              labelUsage: "CPU Usage:",
                                              displayUsage: true,
                                              orderUsage: 9,
                                              labelTemp: "CPU Temp:",
                                              displayTemp: true,
                                              orderTemp: 10
                                        },
                                       UPTIME: {
                                                labelUptime: "Uptime:",
                                                displayUptime: true,
                                                orderUptime: 11
                                              },
                                       }
                              },
              
              

              CUSTOM.CSS ##########

              .Pinfo {
                      font-size: 50px;
                      line-height: 55px;
              }
              

              And this is what I get

              MMM-PinfoProblem1.png

              @rkorell
              I tried changing the left to right and the size of the container from 80 to 1800 with absolutely no change.

              I made a test config.js so I could only have it on screen to test with.
              Doesn’t seem to matter what I change in the config.js It stays the same .
              I remove the lines from my custom.css and it is still the same only very small on my screen… 42" TV… The really weird part is it looks fine on my pi w2

              Slow learner. But trying anyways.

              plainbrokeP 1 Reply Last reply Reply Quote 0
              • plainbrokeP Offline
                plainbroke @plainbroke
                last edited by

                @rkorell
                @sdetweil
                Never mind I am stupid.
                I figured out that I had removed several sections of the config file that was in his readme. Then went and re numbered the lines.
                Which really upset the apple cart.
                I did have to change the parts you said @rkorell.
                But the rest was my doing. Compare the first Config i posted and this one and you will see what I did.

                                {
                                        module: "MMM-Pinfo",
                                        position: "middle_center",
                                        config: {
                                          debug: false,
                                          refresh: 5000,
                                          itemAlign: "left",
                                          labelAlign: "left",
                 valueAlign: "right",
                labelSize: 400,
                containerSize: 500,
                                          DEVICE: {
                                                labelModel: "Model",
                                                displayModel: true,
                                                orderModel: 1,
                                                labelSerial: "Serial",
                                                displaySerial: true,
                                                orderSerial: 2
                                          },
                                          OS: {
                                                labelOs: "OS",
                                                displayOs: true,
                                                orderOs: 3
                                          },
                                          NETWORK: {
                                                labelType: "NET Type",
                                                displayType: true,
                                                orderType: 4,
                                                labelIPv4: "IPv4",
                                                displayIPv4: true,
                                                orderIPv4: 5,
                                                labelIPv6: "IPv6",
                I deleted these 2 lines and then changed orderMac: 6  and so on down the 
                List.. 
                DISPLAYIPV6: FALSE,
                ORDERIPV6: 6,
                                                labelMac: "MAC",
                                                displayMac: true,
                                                orderMac: 7
                                          },
                                          RAM: {
                                                labelRam: "RAM",
                                                displayRam: true,
                                                orderRam: 8
                                          },
                                          STORAGE: {
                                                labelStorage: "Storage",
                                                displayStorage: true,
                                                orderStorage: 9,
                                          },
                                          CPU: {
                                                labelType: "CPU Type",
                                                displayType: true,
                                                orderType: 10,
                                                labelUsage: "CPU Usage",
                                                displayUsage: true,
                                                orderUsage: 11,
                                                labelTemp: "CPU Temp",
                                                displayTemp: true,
                                                orderTemp: 12
                                          },
                                          UPTIME: {
                                                labelUptime: "Uptime",
                                                displayUptime: true,
                                                orderUptime: 13
                                          },
                                          WARNING: {
                                                enable: true,
                                                interval: 1000 * 60 * 5,
                                                check: {
                                                  CPU_TEMP: 65,
                                                  CPU_USAGE: 75,
                                                  RAM_USED: 80,
                                                  STORAGE_USED: 80
                                                }
                                          },
                                        }
                                },				  
                

                Slow learner. But trying anyways.

                1 Reply Last reply Reply Quote 1
                • S sdetweil has marked this topic as solved on
                • 1 / 1
                • 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