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.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 448.7k 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 @Perlchamp
      last edited by

      @Perlchamp not a css class wizard

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • PerlchampP Offline
        Perlchamp
        last edited by

        no i don’t override the general td-class, cause i use:
        .modulname .classname
        {
        font: 16px;
        …
        }

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

          @Perlchamp but you SET the ONLY classname to be yours… classame=
          wipes out what was there

          you do not append yours to the list of classNames already assigned className +=

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • PerlchampP Offline
            Perlchamp
            last edited by

            ok, i will try

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              doesn’t work either

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

                @Perlchamp bummer

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by Perlchamp

                  when I had a big pile of html objects to create I wrote a little routine to hide the 4 lines per object

                  where i have to place it ?

                  sam, take my going code and see by yourself. here is the css:

                  /*
                  .birthdaylist .app {
                      width: 200px;
                      padding: 0px;
                  }
                  */
                  
                  .birthdaylist .table {
                    padding: 0px;
                    margin: 0px;
                  /*
                    border: 1px solid white;
                    width: 200px;
                  */
                  }
                  
                  .birthdaylist .thead {
                  
                  }
                  
                  .birthdaylist .tr-head {
                  
                  }
                  
                  .birthdaylist header {
                    letter-spacing: 0.1em;
                    text-transform: uppercase;
                    font-size: 20px;
                    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
                    font-weight: 400;
                    border-bottom: 1px solid #444444;
                    line-height: 20px;
                    padding-bottom: 5px;
                    color: #ffffff;
                  /*
                    font-variant: small-caps;
                  */
                  }
                  
                  .birthdaylist .tfoot {
                  
                  /*
                    height: 10px;
                    padding: 0px;
                    margin: 0px;
                  */
                  }
                  
                  .birthdaylist .tr-foot {
                  
                  /*
                    height: 10px;
                    padding: 0px;
                    margin: 0px;
                  */
                  }
                  
                  .birthdaylist .td-foot {
                    line-height: 16px;
                    font-size: 16px;
                    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
                    padding: 0px;
                    margin: 0px;
                  /*
                    border: 1px solid #444444;
                  */
                  }
                  
                  .birthdaylist .tbody {
                  
                  }
                  
                  .birthdaylist .tr-body {
                  
                  }
                  
                  .birthdaylist .td-image {
                    width: 27px;
                    background-repeat: no-repeat;
                    background-position: top left;
                    background-image: url("/modules/birthdaylist/images/kalenderblatt.png");
                    font-size: 20px;
                    color: #000000;
                    font-weight: 400;
                    line-height: 26px;
                    vertical-align: top;
                    text-align: center;
                    margin: 0px;
                    padding: 10px 0px 0px 0px;
                  /*
                    border: 1px solid orange;
                    height: 28px;
                  */
                  }
                  
                  .birthdaylist .td-body {
                    font-size: 18px;
                    text-transform: uppercase;
                    color: #888888;
                    letter-spacing: 0.1em;
                    vertical-align: top;
                    line-height: 22px;
                    padding: 0px 0px 8px 8px;
                    margin: 0px;
                  /*
                    border: 1px solid orange;
                    height: 28px;
                    font-variant: small-caps;
                    width: 160px;
                  */
                  }
                  
                  .birthdaylist span {
                    color: orange;
                    font-weight: bold;
                  }
                  
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by

                    @Perlchamp said in read csv-data and put it in an array:

                    where i have to place it ?
                    its just another routine like getDom()

                    I put it right in front of getDom

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • PerlchampP Offline
                      Perlchamp
                      last edited by

                      and the parent-element itselfs get a 0 (null) as parent ?

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

                        @Perlchamp i usually don’t use it for wrapper, but yes… the routine would have to check and not set if parent null, same for id

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 13
                        • 14
                        • 15
                        • 16
                        • 17
                        • 31
                        • 32
                        • 15 / 32
                        • 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