• 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.

MMM-Jast 2 Tickers on top of each other

Scheduled Pinned Locked Moved Unsolved Troubleshooting
2 Posts 2 Posters 629 Views 2 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.
  • A Offline
    ankonaskiff17
    last edited by Sep 10, 2021, 12:34 AM

    I was trying to figure out how to position the ticker frame inside the body of module on screen because it runs off right side of monitor using CSS. I was not able to figure out how to make that happen but it created another question when I was messing with the Jast CSS.
    Why are there two tickers that lay on top of each other. The seem identical to me. At first blush the ticker looks fine with exception of running of right side of screen. This picture looks okay.
    Jast Ticker.jpg
    In my hunt for CSS for module I used dev tools and came across this.
    Dev Tools Jast Ticker 1 and 2.jpg
    Often times there are other configuration items or CSS in the modules CSS or JS files, so went to look at MMM-Jast.jsfile which was a dead end for me other than generally understanding he was pulling from a different location.
    That is this image.
    MMM-Jast.js.jpg
    So turned to the MMM-Jast.css file. to look at that file and saw this one which has padding-left: 100% }Jast Padding.jpg
    Since the ticker does stop short of where it should, changed that padding value off off 100%. This was how I discovered there where two ticker frames laying on top of each other.
    Ticker Overlap.jpg
    So I have two unanswered puzzles.
    1)Why 2 tickerframes?
    2)How do I shift the ticker frame to left?

    J 1 Reply Last reply Sep 10, 2021, 7:52 AM Reply Quote 0
    • J Offline
      Jalibu Module Developer @ankonaskiff17
      last edited by Jalibu Sep 10, 2021, 7:54 AM Sep 10, 2021, 7:52 AM

      Hi @ankonaskiff17 ,

      there are very simple answers to both of your questions ;-)

      1. Imagine the horizontal ticker like one long strip of text, which just moves/flies over your screen from the outer right to the outer left position:
        |<<- Stock1 - Stock2 - Stock3 - Stock4 |
        Now, if Stock4 reaches the left corner of your screen, there would be a gap on the screen to its right.
        That’s why there is a second “clone” of the ticker that fills that gap and moves right after the first one. Once the first one completely left the screen, it lines up again after the first one.
        With that, you get an infinite loop.

      2. Jast is built with TypeScript. What you see, is a minified and uglyfied, transpiler generated version of the module. If you are interested in the source code, just check the files in the /src folder.

      Please feel free to submit a Pull Request, if you found a way to avoid that the module runs out of the screen. I think a minor css change should fix that.

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