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-NewsFeedTicker

    Scheduled Pinned Locked Moved Utilities
    94 Posts 15 Posters 78.0k Views 14 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.
    • E Offline
      electros Project Sponsor @justjim1220
      last edited by

      @justjim1220
      Sorry but it’s not working. I copied the css you put above in MMM-NewsFeedTicker.css but it still does not work. Now it looks like that
      0_1540591080827_6.png
      Buttons are created with the module “MMM-TouchNavigation”

      justjim1220J 2 Replies Last reply Reply Quote 0
      • justjim1220J Offline
        justjim1220 Module Developer @electros
        last edited by

        @electros

        do you still have the entries you put into the custom.css?

        "Life's Too Short To Dance With Ugly People"
        Jim Hallock - 1995

        1 Reply Last reply Reply Quote 0
        • justjim1220J Offline
          justjim1220 Module Developer @electros
          last edited by

          @electros

          OK, you need to add the following to your custom.css file:

          .navigation-menu {
              display: flex;
              align-items: stretch;
              position: absolute;
          }
          

          With the code I posted and this addition to the custom.css file, I was able to get this…
          0_1540595500237_Screenshot (412).png
          0_1540595512137_Screenshot (413).png 0_1540595520896_Screenshot (414).png

          If you added any NewsFeedTicker code to your custom.css file, you need to remove it.

          If you want the background color back to maroon, change the background: none; to background-color: maroon;

          "Life's Too Short To Dance With Ugly People"
          Jim Hallock - 1995

          E 1 Reply Last reply Reply Quote 0
          • E Offline
            electros Project Sponsor @justjim1220
            last edited by

            @justjim1220
            Finally it’s working now. Thank you very much:thumbs_up:

            1 Reply Last reply Reply Quote 0
            • E Offline
              electros Project Sponsor
              last edited by

              Thank you very much for the help, but still I do not understand how you moved that red line down. I would be curious, can not get any position you want on the vertical for this module?

              justjim1220J 1 Reply Last reply Reply Quote 0
              • justjim1220J Offline
                justjim1220 Module Developer @electros
                last edited by

                @electros

                you should be able to place it in any of the regions,
                it works best in the top_bar, middle_center, and bottom_bar for the 100% width

                "Life's Too Short To Dance With Ugly People"
                Jim Hallock - 1995

                1 Reply Last reply Reply Quote 0
                • Cr4z33C Offline
                  Cr4z33
                  last edited by Cr4z33

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • Cr4z33C Offline
                    Cr4z33
                    last edited by

                    @justjim1220 can you please help me setting a custom logo into

                    defaultLogo : ""
                    

                    ?

                    I’ve tried so far with several image formats and I’ve used both HTTP and HTTPS, but it still doesn’t load the logo… :thinking_face:

                    justjim1220J 1 Reply Last reply Reply Quote 0
                    • justjim1220J Offline
                      justjim1220 Module Developer @Cr4z33
                      last edited by

                      @cr4z33

                      what news site is it?

                      "Life's Too Short To Dance With Ugly People"
                      Jim Hallock - 1995

                      Cr4z33C 1 Reply Last reply Reply Quote 0
                      • Cr4z33C Offline
                        Cr4z33 @justjim1220
                        last edited by Cr4z33

                        @justjim1220 said in MMM-NewsFeedTicker:

                        @cr4z33

                        what news site is it?

                        It’s

                        http://feeds.feedburner.com/SkyitTg24
                        

                        and I would like to load

                        https://tg24.sky.it/static/images/lv/skytg24_logo_header.png
                        

                        as default icon (also because I notice that ALL the news feeds I set don’t show the icon in the scrolling bar).

                        Last but not least is it normal that it uses almost 50% of the CPU load? :frowning_face_with_open_mouth:
                        I’ve got a Raspberry Pi 3 B+ and a Samsung EVO Plus 32GB micro SD card.

                        Mykle1M justjim1220J 2 Replies Last reply Reply Quote 0
                        • Mykle1M Offline
                          Mykle1 Project Sponsor Module Developer @Cr4z33
                          last edited by

                          @cr4z33 said in MMM-NewsFeedTicker:

                          it normal that it uses almost 50% of the CPU load?

                          It sure is. The Pi struggles with that type of animation. I’m surprised it’s only 50%. You should monitor your CPU temp, as well.

                          Create a working config
                          How to add modules

                          Cr4z33C 1 Reply Last reply Reply Quote 0
                          • Cr4z33C Offline
                            Cr4z33 @Mykle1
                            last edited by Cr4z33

                            @mykle1 said in MMM-NewsFeedTicker:

                            @cr4z33 said in MMM-NewsFeedTicker:

                            it normal that it uses almost 50% of the CPU load?

                            It sure is. The Pi struggles with that type of animation. I’m surprised it’s only 50%. You should monitor your CPU temp, as well.

                            So it’s not a matter of not so fast SD card then right?

                            I am using a heatsink on it therefore the average temperature so far is between 50° Celsius and 60° Celsius.

                            Mykle1M 1 Reply Last reply Reply Quote 0
                            • Mykle1M Offline
                              Mykle1 Project Sponsor Module Developer @Cr4z33
                              last edited by

                              @cr4z33 said in MMM-NewsFeedTicker:

                              So it’s not a matter of not so fast SD card then right?

                              Well, it could be, but that’s unlikely. The CPU load issue has been around for some time and animations, especially marquee animations(scrolling) are the #1 culprit, or I miss my mark. Of course, if you used something more robust than a Pi that has a GPU you’d see a world of difference in the way MM performs.

                              Create a working config
                              How to add modules

                              1 Reply Last reply Reply Quote 0
                              • justjim1220J Offline
                                justjim1220 Module Developer @Cr4z33
                                last edited by

                                @cr4z33

                                Apologies, I am working on the issue of using a custom logo if one doesn’t get pulled from the site.
                                Please stand by… :smiling_face_with_sunglasses:

                                "Life's Too Short To Dance With Ugly People"
                                Jim Hallock - 1995

                                mumblebajM 1 Reply Last reply Reply Quote 1
                                • justjim1220J Offline
                                  justjim1220 Module Developer
                                  last edited by

                                  some found sports news that work for those interested…

                                  http://www.espn.com/espn/news/story?page=rssinfo for all sports
                                  http://www.espn.com/espn/rss/nfl/news for NFL
                                  0_1540949623343_Screenshot (159).png

                                  https://www.foxsports.com/rss-feeds for list of all sports
                                  https://api.foxsports.com/v1/rss?partnerKey=zBaFxRyGKCfxBagJG9b8pqLyndmvo7UU&tag=nfl for NFL
                                  0_1540949798112_Screenshot (162).png

                                  https://www.cbssports.com/xml/rss for all sports
                                  https://www.cbssports.com/rss/headlines/nfl/ for NFL
                                  0_1540949880419_Screenshot (160).png

                                  https://www.rotowire.com/rss/ for all sports
                                  https://www.rotowire.com/rss/news.htm?sport=nfl for NFL
                                  0_1540949975405_Screenshot (161).png

                                  I also wanted to add that if you place the newsfeeds in the config, it also works better to place them in the js file as well. Not sure why, but I noticed that it does.
                                  So, wanted to pass that on.

                                  I am still working on getting a custom logo to show if one does not get pulled from the rss site.

                                  "Life's Too Short To Dance With Ugly People"
                                  Jim Hallock - 1995

                                  Cr4z33C 1 Reply Last reply Reply Quote 0
                                  • Cr4z33C Offline
                                    Cr4z33 @justjim1220
                                    last edited by Cr4z33

                                    @Mykle1 thanks for clearing things out.

                                    @justjim1220 said in MMM-NewsFeedTicker:

                                    some found sports news that work for those interested…

                                    http://www.espn.com/espn/news/story?page=rssinfo for all sports
                                    http://www.espn.com/espn/rss/nfl/news for NFL
                                    0_1540949623343_Screenshot (159).png

                                    https://www.foxsports.com/rss-feeds for list of all sports
                                    https://api.foxsports.com/v1/rss?partnerKey=zBaFxRyGKCfxBagJG9b8pqLyndmvo7UU&tag=nfl for NFL
                                    0_1540949798112_Screenshot (162).png

                                    https://www.cbssports.com/xml/rss for all sports
                                    https://www.cbssports.com/rss/headlines/nfl/ for NFL
                                    0_1540949880419_Screenshot (160).png

                                    https://www.rotowire.com/rss/ for all sports
                                    https://www.rotowire.com/rss/news.htm?sport=nfl for NFL
                                    0_1540949975405_Screenshot (161).png

                                    I also wanted to add that if you place the newsfeeds in the config, it also works better to place them in the js file as well. Not sure why, but I noticed that it does.
                                    So, wanted to pass that on.

                                    I am still working on getting a custom logo to show if one does not get pulled from the rss site.

                                    Take your time don’t worry. ;)

                                    In the meantime I am going to try too to put everything into the NewsFeeds js and see how things work.

                                    Update
                                    I saw no improvements by inserting the feeds straight into the JS. :disappointed_face:

                                    1 Reply Last reply Reply Quote 0
                                    • Cr4z33C Offline
                                      Cr4z33
                                      last edited by

                                      Sorry @justjim1220 I noticed only now that you removed the newsfeed ticker background in your latest screenshots.

                                      I would like to try that out and see if performance improves. :)
                                      How do you do that?

                                      justjim1220J 1 Reply Last reply Reply Quote 0
                                      • justjim1220J Offline
                                        justjim1220 Module Developer @Cr4z33
                                        last edited by justjim1220

                                        @cr4z33

                                        In the css file, just change background-color: maroon; to background: none;
                                        can be done with the image as well, but that could make the image difficult to see.

                                        "Life's Too Short To Dance With Ugly People"
                                        Jim Hallock - 1995

                                        Cr4z33C 1 Reply Last reply Reply Quote 0
                                        • Cr4z33C Offline
                                          Cr4z33 @justjim1220
                                          last edited by Cr4z33

                                          @justjim1220

                                          OK, thanks.

                                          Update:
                                          When not using a background then overall performance improves! :thumbs_up_medium-light_skin_tone:

                                          1 Reply Last reply Reply Quote 1
                                          • Cr4z33C Offline
                                            Cr4z33
                                            last edited by

                                            Although I am using the UTF-8 encoding for ALL of my newsfeeds accented letters (i.e é, à, etc.) and currency symbols (i.e €) are not displayed properly.

                                            Any idea why?

                                            		{
                                            			module: "MMM-NewsFeedTicker",
                                            			position: "bottom_bar",
                                            			disabled: false,
                                            			//classes: "day_scheduler"
                                            			config: {
                                            			    feeds: [
                                            					{
                                            						title: "Hardware Upgrade",
                                            						url: "https://feeds.hwupgrade.it/rss_hwup.xml",
                                            						encoding: "UTF-8", //ISO-8859-1
                                            						className: "myClass",
                                            						defaultLogo : ""
                                            					}
                                            			    	    ]
                                            				}
                                            		    }
                                            

                                            0_1541497358590_typo.png

                                            justjim1220J 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 4 / 5
                                            • 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