• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.2k 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 Jan 27, 2021, 3:21 PM

    @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 Jan 27, 2021, 6:37 PM Reply Quote 0
    • S Offline
      Schmaniel @sdetweil
      last edited by Jan 27, 2021, 6:37 PM

      @sdetweil still no success, nothing happens with height: 0px; or

      also because of the main.css the table is getting expanded over the whole screen

      .region table {
        width: 100%;
        border-spacing: 0;
        border-collapse: separate;
      }
      

      Could it be, that the main.css is interupting something more than just the width? removed this point from the css earlier, didn’t thought about that…

      S 1 Reply Last reply Jan 27, 2021, 7:55 PM Reply Quote 0
      • S Offline
        sdetweil @Schmaniel
        last edited by Jan 27, 2021, 7:55 PM

        @Schmaniel notice its style=“height:0px;”
        on the ROW tr

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Jan 28, 2021, 6:16 AM Reply Quote 0
        • B Offline
          BKeyport Module Developer
          last edited by Jan 27, 2021, 8:59 PM

          The MMM-Multimonth module I created, and had some help re-writing, does an wonderful job of creating a table on the fly that autosizes, and you can use that to see how things work. Just a thought.

          The "E" in "Javascript" stands for "Easy"

          1 Reply Last reply Reply Quote 0
          • S Offline
            Schmaniel @sdetweil
            last edited by Jan 28, 2021, 6:16 AM

            @sdetweil yes, I know, but it didn’t worked Out :/

            @BKeyport thanks I will Look into it later!

            1 Reply Last reply Reply Quote 0
            • S Offline
              Schmaniel
              last edited by Jan 28, 2021, 8:45 AM

              Thats the view with the developer console
              5539253b-960c-457a-9aea-be8fe5fc3cc9-grafik.png

              1 Reply Last reply Reply Quote 0
              • S Offline
                Schmaniel
                last edited by Jan 28, 2021, 12:50 PM

                The problem was the p tag, but now the break is too big inbetween the lines…a1204375-c435-430d-a355-0b1c9a804bf4-grafik.png

                S 1 Reply Last reply Jan 28, 2021, 1:21 PM Reply Quote 0
                • S Offline
                  sdetweil @Schmaniel
                  last edited by sdetweil Jan 28, 2021, 2:10 PM Jan 28, 2021, 1:21 PM

                  @Schmaniel paragraph AND a line break?
                  too much space ?
                  come on man.

                  thats why they creared div and span

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S 1 Reply Last reply Jan 28, 2021, 3:07 PM Reply Quote 1
                  • S Offline
                    Schmaniel @sdetweil
                    last edited by Schmaniel Jan 28, 2021, 3:08 PM Jan 28, 2021, 3:07 PM

                    @sdetweil hahaha, worked with line-height and span style=display now…
                    Im pretty happy with the results now:
                    a3bfaab5-246a-4d23-9d0d-88b97b8a68e5-grafik.png

                    Just need to calculate the HTLV ratio, but thats another problem I have to solve myself :)

                    S 1 Reply Last reply Jan 28, 2021, 3:44 PM Reply Quote 0
                    • S Offline
                      sdetweil @Schmaniel
                      last edited by Jan 28, 2021, 3:44 PM

                      @Schmaniel good

                      and if u set a class instead of the individual styles then u can change them in custom.css without changing the code and fiddle w them in the elements view of the dev env to get them like u want 1st…

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 3 / 3
                      3 / 3
                      • First post
                        17/22
                        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