MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. gerbenvs
    3. Best
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    G
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 10
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: Images/pictures are shown very tiny.

      Hi all,
      I have opened a browser and connected to the mirror. Opened the developer tools and checked the settings for the module.
      I found out that the QRcode itself showed as ‘img’.
      I have adjusted the custom.css with following settings:

      .MMM-WiFiPassword #WiFiPassword {
      width: 140px;
      }

      .MMM-WiFiPassword img {
      width: 125px;
      height: 125px;
      }

      Now the QR code is showing in the correct size:
      Screenshot from 2022-09-21 22-30-13.png

      Thank you for the support, it’s really appreciated!

      Gerben

      posted in Troubleshooting
      G
      gerbenvs
    • RE: Images/pictures are shown very tiny.

      hi @sdetweil ,
      I’ve tried many settings like this one:

      .MMM-WiFiPassword .qr-image {
      width: 300px;
      height: 300px;
      }

      But then I get this:
      Screenshot from 2022-09-21 21-14-36.png

      So only the white area is bigger, the QR itself is still very small.

      posted in Troubleshooting
      G
      gerbenvs
    • RE: Images/pictures are shown very tiny.

      Hi @mumblebaj,
      Thanks for your reply.

      I have just configured this module, but the result is the same. With the size of ‘150’ the image is already very small. When I configure the setting imageSize to ‘400’, it stays at the same size.

      Screenshot from 2022-09-21 20-51-26.png

      this is the configuration:
      {
      module: ‘MMM-QRCode’,
      position: ‘bottom_right’, // change the position according to your need bes$
      config: {
      text: ‘Just an example’, // enter your message here.
      showRaw: true, // true = to show the text, false = to hide the text.
      imageSize: 400, // size is in px (both the height and with are equa$
      colorDark: “#fff”, // set qrcode px color.
      colorLight: “#000”, // set backgroud background color(by default co$
      }
      },

      It seems like when I restart the mm container, for half a second the image is large, but changes back to small.

      posted in Troubleshooting
      G
      gerbenvs
    • 1 / 1