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.

    Developer Wanted To Modify Default Newsfeed Module

    Scheduled Pinned Locked Moved Unsolved Requests
    31 Posts 9 Posters 10.1k Views 8 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.
    • G Offline
      greedyvegan @sdetweil
      last edited by

      @sdetweil

      I got my hopes up

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

        @greedyvegan a different module, he does amazing work

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Reply Quote 1
        • G Offline
          greedyvegan @sdetweil
          last edited by

          @sdetweil

          I tried to use it but it’s not working for me.
          it just says “no news at the moment”
          it’s fine, I’ll just use the default newsfeed

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @greedyvegan
            last edited by

            @greedyvegan
            Give me your target feed. I’ll check

            1 Reply Last reply Reply Quote 0
            • G Offline
              greedyvegan
              last edited by greedyvegan

              @MMRIZE said

              Give me your target feed. I’ll check

              I’m trying two modules out:
              MMM-anotherNewsFeed
              MMM-NewsFeedTicker

              the configs and css are identical (bottom_right and new feed sources

              config.js

              {
              module: "MMM-anotherNewsFeed ",
              header: "ANOTHER News Feed",
              position: "bottom_right",
              config: {
              feeds: [
              {
              title: "New York Times",
              url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml",
              customLogo: "NYT_logo_rss_250x40.png",
              },
              {
              title: "CBC World",
              url: "https://www.cbc.ca/webfeed/rss/rss-world",
              customLogo: "CBC_140x140.png"
              },
              {
              title: "BBC World News",
              url: "https://feeds.bbci.co.uk/news/world/rss.xml",
              customLogo: "bbc_news_120x60.gif",
              }
              ],
              showImage: true,
              showSourceTitle: true,
              showPublishDate: true,
              broadcastNewsFeeds: true,
              broadcastNewsUpdates: true
              					
              }
              },		
              {
              module: "MMM-NewsFeedTicker",
              header: "News Feed Ticker",
              position: "bottom_right",
              //classes: "day_scheduler",
              config: {
              feeds: [
              {
              title: "New York Times",
              url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml",
              customLogo: "NYT_logo_rss_250x40.png",
              													},
              {
              title: "CBC World",
              url: "https://www.cbc.ca/webfeed/rss/rss-world",
              customLogo: "CBC_140x140.png"
              },
              {
              title: "BBC World News",
              url: "https://feeds.bbci.co.uk/news/world/rss.xml",
              customLogo: "bbc_news_120x60.gif"
              }
              ]
              }
              },	
              

              custom.css

              .MMM-anotherNewsFeed. {position:relative}
              .MMM-NewsFeedTicker. {position:relative}
              

              Screenshot 2024-03-23 at 7.54.13 PM.png

              S M 2 Replies Last reply Reply Quote 0
              • S Offline
                sdetweil @greedyvegan
                last edited by sdetweil

                @greedyvegan newsfeedticker designed to be bottom bar , full width . takes a lot of space to display all that and make it readable

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                G 1 Reply Last reply Reply Quote 0
                • M Offline
                  MMRIZE @greedyvegan
                  last edited by

                  @greedyvegan
                  3012a074-f8a4-4150-a59a-fe5369347a32-image.png
                  Even though MMM-AnotherNewsFeed was not updated for 2 years, it still works.

                  {
                  	module: "MMM-anotherNewsFeed",
                  	header: "ANOTHER News Feed",
                  	position: "bottom_bar",
                  	config: {
                  		feeds: [
                  			{
                  				title: "New York Times",
                  				url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml",
                  			},
                  			{
                  				title: "CBC World",
                  				url: "https://www.cbc.ca/webfeed/rss/rss-world",
                  			},
                  			{
                  				title: "BBC World News",
                  				url: "https://feeds.bbci.co.uk/news/world/rss.xml",
                  			}
                  		],
                  		showImage: true,
                  	}
                  },
                  
                  G KristjanESPERANTOK C 3 Replies Last reply Reply Quote 1
                  • G Offline
                    greedyvegan @MMRIZE
                    last edited by

                    @MMRIZE said

                    thank you, copied and pasted your code and it’s working.
                    the screenshoScreenshot 2024-03-23 at 10.36.59 PM.png

                    1 Reply Last reply Reply Quote 0
                    • KristjanESPERANTOK Offline
                      KristjanESPERANTO Module Developer @MMRIZE
                      last edited by

                      @MMRIZE Since more than one user is using MMM-AnotherNewsFeed, would it make sense to add it to the list of 3rd party modules? :slightly_smiling_face:

                      M 1 Reply Last reply Reply Quote 2
                      • G Offline
                        greedyvegan @sdetweil
                        last edited by

                        @sdetweil said newsfeedticker designed to be bottom bar ,
                        full width . takes a lot of space to display all that and make it readable

                        I totally understand what you’re saying, but:

                        • some news articles only have seven words in their event
                        • every newsfeed does not display an image

                        Screenshot 2024-03-24 at 1.45.59 PM.png

                        is there a way that I can force the module to remain and not animate/blink, so the background is always visible?
                        And can I force the article to be on the right side of the article image whether it is displayed or not?
                        Screenshot 2024-03-24 at 2.01.47 PM.png

                        forgive me, I’m still learning, is that the display: block/flex/inline or margin:left/right % px?

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 2 / 4
                        • 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