MMM-NewsFeedTicker

Cr4z33

@justjim1220 althought I know ZERO about developing, JSON, CSS & Co. I was doing a quick search on Google about scrolling text stuttering in Electron on slow devices and I found out a suggestion at Stackoverflow.com that actually improved A LOT the overall perfomance of the newsfeed scrolling!

Go open /home/pi/MagicMirror/modules/MMM-NewsFeedTicker/MMM-NewsFeedTicker and replace

.MMM-NewsFeedTicker .tickerbody {
  position: relative;

with

.MMM-NewsFeedTicker .tickerbody {
  position: relative;
  transform: translateZ(0);
  backface-visibility: hidden;

You should notice now an improvement. :upside-down_face:

justjim1220

@cr4z33

This error you got is just letting you know it can’t overwrite file within the module that you made any changes to
You have to rename the file or delete it or just remove it from the directory

Cr4z33

@justjim1220 OK I ran the update succesfully by deleting the CSS.

However I would like to revert to how it was looking before the update (static image on the left and smaller scrolling text). :grimacing_face:
How do I do that please?

justjim1220

@cr4z33

If you did not make any changes to the original files, run git pull && npm install

If you made changes to any of the original files that you want to keep, rename those files, then run git pull && npm install

if there isn’t anything you need saved, delete the MMM-NewsFeedTicker directory and run the git clone '. . .'

Cr4z33

@justjim1220 that’s what I already did, but I see you now fixed that. :)

Thanks.

BKeyport

Looking good, other than the logo now appearing centered on final position - I have deleted all custom css…

Cr4z33

@bkeyport so that’s not only me?

I thought I messed up something in the CSS.

BKeyport

@Cr4z33 Nope, not just you.

Fixed it, actually. added the line “left: 0px;” in my custom css in the “.MMM-NewsFeedTicker .image” section… it’ll force the image to the left.

Cr4z33

@bkeyport oh great doing it now thanks.

BKeyport

fwiw, it could have happened as adjustments made to the code for a feature I asked for… :innocent look:

Kimzer

Any way to make the logo smaller? It got huge with using the keyframes bit

BKeyport

yes, as a matter of fact. Fixes the centering too if you have that problem:

custom.css in css subdirectory:

.MMM-NewsFeedTicker .image {
position: absolute;
display: inline-block;
vertical-align: middle;
margin-left: 0;
height: 40px; /* set to your image size */
z-index: 1;
background-color: #FFF;
bottom: 0;
left: 0px;

}

justjim1220

This module has been updated
Please do a git pull && npm i to update
Thanks!

mrSnatz

Hello,
Great module, exactly what I was looking for. however, the lettering stutters. Is there a way to fix this? I use a Rasperry pi3. How do I remove the logo from the feed? Many thx

my config.js

  	{
  	  module: "MMM-NewsFeedTicker",
  	  position: "middle_center",
  	  //classes: "day_scheduler",
  	  config: {
  	    feeds: [
      		{
      			title: "sportBILD",
      			url: "https://sportbild.bild.de/rss/vw-fussball/vw-fussball-45036878,sort=1,view=rss2.sport.xml",
      			encoding: "UTF-8",
      			className: "myClass",
      			//defaultLogo: ""
      		}
	      ]
  	  }
    },

and my custom.css

.MMM-NewsFeedTicker {
    width: 80;
    height: 30px;
    background-color: none;
 }
.MMM-NewsFeedTicker .tickerbody {
    position: absolute;
    bottom: 10px;
    transform: translateZ(0);
    backface-visibility: hidden;
    animation: marquee 30s linear infinite;
}
.MMM-NewsFeedTicker .image {
    margin-left: 0;
    bottom: 10px;
    height: 30px;
}

justjim1220

@mrSnatz said in MMM-NewsFeedTicker:

In this section,

.MMM-NewsFeedTicker .image {
margin-left: 0;
bottom: 10px;
height: 30px;
}

add display: none;

as far as the stuttering, I was told that animation will do that with Pi

Mykle1

@mrSnatz said in MMM-NewsFeedTicker:

the lettering stutters.

Yep, the Pi struggles with some animations. Scrolling happens to be one of them. If they are important to you then you might consider something more robust than the Pi. There are alternatives from other single board computers, all the way up to mini ITX motherboards. Still others run MM (server) on a full blown desktop machine and use the Pi to remote in to view MM

mrSnatz

@justjim1220 said in MMM-NewsFeedTicker:

display: none;

Many thanks for the answer. Yes, I also thought about buying a stronger computer. What is your opinion on the Asus Tinkerboard? would he fix the problem?

Mykle1

@mrSnatz said in MMM-NewsFeedTicker:

What is your opinion on the Asus Tinkerboard? would he fix the problem?

I don’t have an opinion on the Tinkerboard. I’ve never used one, but there are several people on the forum that have. Perhaps then will chime in with their opinions. Good luck.

mumblebaj

@justjim1220 Have you ever managed to get this resolved? I a not getting the image from my 1 local news feed pulled in and not sure what else I can do to see if I can get it to come through.
The news feed is from: http://feeds.news24.com/articles/news24/SouthAfrica/rss
and the image is supposed to come from: https://scripts.24.co.za/img/sites/news24.png

justjim1220

@mrSnatz

I have never used a Tinkerboard, so no thoughts regarding the use of one. Apologies!