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.

    Module to Display JSON data from a FILE

    Scheduled Pinned Locked Moved Solved Requests
    21 Posts 3 Posters 2.9k 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.
    • S Offline
      sdetweil @mhr320
      last edited by

      @mhr320 ok, I put a file in MagicMirror/modules
      fribble.json

      {
       "items":[ {"test":"foo","xyz":"test"}]
      }
      

      and used this URL

      http://localhost:8090/modules/fribble.json
      

      and got this
      Screenshot at 2025-05-21 12-07-02.png

      so the path works…

      using this JsonTable module,
      then config would be

      {
        module: 'MMM-JsonTable',
        position: 'top_right',
        header: 'HouseDB Sevensegment',
        config: {
          url: 'http://localhost:8090/modules/fribble.json', // Required
          arrayName: 'items' // Optional
        }
      }
      

      and got this
      Screenshot at 2025-05-21 12-07-58.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S M 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @sdetweil
        last edited by sdetweil

        @mhr320 JsonTable expects a different format…

        I didn’t try the others… some are more flexible, some not

        i did not try with your data

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          mhr320 @sdetweil
          last edited by

          @sdetweil Ok, I’ll get back to trying it, I must have messed up an entry somewhere.

          1 Reply Last reply Reply Quote 0
          • M Offline
            mhr320 @sdetweil
            last edited by

            @sdetweil So the path does indeed work, what was preventing me from seeing the data was the arrayName in the config. That does have to be set regardless of it saying it is optional.

            So that problem is solved, do you think I can solve the sharing of screen time for each of the three array’s in the json file via css or will that take some javascript? That was really what was important because the information is for my three kids and they each attend a different school.

            I really appreciate your help and patience.

            S M 2 Replies Last reply Reply Quote 0
            • S Offline
              sdetweil @mhr320
              last edited by

              @mhr320 yes , the arrayName has to be set. had the same problem

              sharing

              well that gets a bit more complicated . this module doesnt support multiple instances w different urls.

              if it did, then you could make three files or use different arrayName settings

              then you could also use mmm-pages and display 1 each per child

              i can add that support later tonight, pretty easy but. have grandson duty for a while

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • M Offline
                mhr320 @mhr320
                last edited by

                Enjoy the grandson, i am of no importance! Thank you!

                S M 2 Replies Last reply Reply Quote 0
                • S Offline
                  sdetweil @mhr320
                  last edited by

                  @mhr320 rename the MMM-JsonTable folder out of the way
                  and

                  cd ~/MagicMirror/modules
                  git clone https://github.com/sdetweil/MMM-JsonTable.git
                  cd MMM-JsonTable
                  git checkout multiinstance
                  npm install
                  

                  then in config.js
                  you can have multiple instances with the same url
                  and different arrayName (even the same,…)

                  then if you use MMM-Pages

                     {
                          module: "MMM-pages",
                          config: {
                              rotationTime: 1000 * 20,         // rotate every 20 seconds
                              modules: [
                                  ["family"],                // page 1
                                  ["kid1 name"], // page 2
                                  ["kid2 name"], // page 3
                                  ["kid3 name"], // page 4
                              ],
                              fixed: [                         // modules that are always shown
                                         "fixed"
                              ],
                          }
                      },
                  

                  then on each other module
                  add, after the module: line
                  classes:“xxxx”
                  xxxx one of the names above, family, kid1, kid2, kid3
                  for modules on every page use classes:“fixed”

                  above config has 20 seconds on each page… you can change that

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mhr320 @mhr320
                    last edited by

                    Absolutely Brilliant! Since I downloaded the multi-instance version of MMM-JsonTable from you, I assume it will not be available when updating. I will diff the original from yours and learn what you did to make it multi-instance and send that off to the author of MMM-JsonTable as a feature request. I really appreciate your help. It was nice to have a pleasant experience in a forum for a change, does not always go that way.

                    S 2 Replies Last reply Reply Quote 0
                    • M mhr320 has marked this topic as solved on
                    • M mhr320 has marked this topic as solved on
                    • S Offline
                      sdetweil @mhr320
                      last edited by

                      @mhr320 I submitted pull request
                      https://github.com/timdows/MMM-JsonTable/pull/98

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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

                        @mhr320 said in Module to Display JSON data from a FILE:

                        It was nice to have a pleasant experience in a forum for a change, does not always go that way.

                        I am glad to hear that it worked out, and sad to hear the other.
                        as the moderator here, I am interested in feedback on how to make it better most of the time…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        M 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • 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