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.

    Help with creating a table

    Scheduled Pinned Locked Moved Development
    22 Posts 4 Posters 6.9k Views 4 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 @Schmaniel
      last edited by sdetweil

      @Schmaniel welcome to the fun. 900,000 details to consider. size color, font … css

      https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1611671889049

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil said in Help with creating a table:

        welcome to the fun.

        you misspelt nightmare…
        Thanks for your help!

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

          @Schmaniel it gives u an appreciation for the art of good user experience web pages

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Offline
            Schmaniel
            last edited by

            Everytime my module do an API request to refresh the data, the table is disappearing for a second or two, this shouldn’t be normal, right?

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

              @Schmaniel u get new data, then say, this.updateDom(how-fast)

              then mm calls your getDom() routine to get the new content to display

              so, what is the number u pass to updateDom()

              0 means immediately
              2000 means transition new content in 2 seconds

              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
                Schmaniel @sdetweil
                last edited by

                @sdetweil thats the code I got:

                    start: function() {
                        var self = this;
                        setInterval(function() {
                            self.updateDom(1000);
                        }, 60000);
                    },
                

                So as I understand now it updates every minute (60000) and it needs 1 second (1000) to update?
                Should I change the 1000 to 0, so it updates immediately?

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

                  @Schmaniel yes, 0.

                  doesnt NEED 1 second. should TAKE 1 second

                  so.u slowed it down

                  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
                    Schmaniel @sdetweil
                    last edited by

                    @sdetweil aaaaaaaah, thank you :)

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      Schmaniel
                      last edited by

                      After hours of testing I’m at my end…

                      Thats the result so far:
                      880d1c7e-84c7-4fc8-b334-36caee71f2c4-grafik.png

                      I want to shrink the cells down, but I can’t find a way to do it…

                      I tried it with height, line-height, padding and so on…

                      Do you have any ideas?

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

                        @Schmaniel
                        see https://stackoverflow.com/questions/17342181/how-to-fit-html-table-row-to-its-content

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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