MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    MMM-Stock (issues with 'height' of the module)

    Troubleshooting
    4
    7
    3693
    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.
    • V
      valid8r last edited by

      I’ve implemented this module and it works with an ‘upward scrolling’ ticker. Presently, as implemented with 3 stocks, the ‘height’ of the scrolling is just one line. While hard to describe, basically, my first stock displays nicely and then rolls up and is replaced with the second stock. What I would think the module would do is show 4 or 5 stocks rolling at the same time so you could see more than one at a time. I’m not sure what this portion of the .css file really does and am wondering if this is what I need to change to increase the scrolling real-estate…?

      @keyframes ticker {
      0% {margin-top: 0}
      25% {margin-top: -30px}
      50% {margin-top: -60px}
      75% {margin-top: -90px}
      100% {margin-top: 0}
      }

      V 2 Replies Last reply Reply Quote 0
      • V
        valid8r @valid8r last edited by

        @valid8r Also, anyone have any idea how to get the symbol for the Dow Jones which is “^DJI” to work with this module?

        1 Reply Last reply Reply Quote 0
        • V
          valid8r @valid8r last edited by

          @valid8r I seem to have figured out at least part of the solution by setting the parameter "

          .quotes {
          height: 25px;

          to

          .quotes {
          height: 100px;

          While this fixes the number of scrolling ‘rows’ of stocks, the animation is still kind of strange…

          V 1 Reply Last reply Reply Quote 0
          • V
            valid8r @valid8r last edited by

            @valid8r I also don’t understand this code for animation and how it works…

            .quotes ul:hover { animation-play-state: paused }
            .quotes span:hover+ul { animation-play-state: paused }

            strawberry 3.141 Q 2 Replies Last reply Reply Quote 0
            • strawberry 3.141
              strawberry 3.141 Project Sponsor Module Developer @valid8r last edited by

              @valid8r I’m not familiar with this module, but :hover is a css pseudo-class which will be active when you “hover” mouse over the element. in this case the defined animation will be paused, and will be continued after you leave the element with your mouse, because the hover state will be inactive.

              More about pseudo classes here http://www.w3schools.com/css/css_pseudo_classes.asp

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 0
              • Q
                qqqqqqqq @valid8r last edited by qqqqqqqq

                @valid8r

                Hi, I’ve been trying to use this module but every time it shows me config file error, and in case it starts without any error, i can’t see it in the MagicMirror.
                Can you help me out here? Can you share the code that you’ve used?

                1 Reply Last reply Reply Quote 0
                • B
                  Babene1 Project Sponsor last edited by

                  i try to disable the animation but without success.
                  has someone a solution?

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • First post
                    Last post
                  Enjoying MagicMirror? Please consider a donation!
                  MagicMirror created by Michael Teeuw.
                  Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy