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 14.2k 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 @MMRIZE
      last edited by

      @MMRIZE said

      4c00748e-9331-4f82-8354-00cd14adf777-image.png

      how’d you add images to the article of the default news feed?

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

        @greedyvegan not default, see

        https://forum.magicmirror.builders/post/102573

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Reply Quote 0
        • 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 Online
                          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
                            • M Offline
                              MMRIZE @KristjanESPERANTO
                              last edited by

                              @KristjanESPERANTO
                              Maybe. :) I’m so lazy. hahaha… To be honest I have been forgetting this module until now.

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

                                @greedyvegan you are showing @MMRIZE module. newsfeedticker is different

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

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

                                  @sdetweil

                                  agreed. I’ve scrapped the newsfeedticker, I like his module better

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

                                    @MMRIZE Okay 😀 I just added it to the list.

                                    F 1 Reply Last reply Reply Quote 1
                                    • F Offline
                                      Faiek @KristjanESPERANTO
                                      last edited by

                                      @MMRIZE , Real happy i found this , really great , quick question how do get this look you posted back in 2022
                                      Wanna get the same look with multiple feeds and fade
                                      Thank again image.png

                                      1 Reply Last reply Reply Quote 1
                                      • C Offline
                                        chelofarias @MMRIZE
                                        last edited by

                                        @MMRIZE If I include more than one RSS feed, not all of them work.

                                        feeds: [
                                        {
                                        title: “Radio Pacu”,
                                        url: “https://radiopacu.com.ar/feed/”,
                                        },
                                        {
                                        title: “Ambito”,
                                        url: “https://www.ambito.com/rss/pages/ultimas-noticias.xml”,
                                        },
                                        {
                                        title: “Página/12”,
                                        url: “https://www.pagina12.com.ar/rss/portada”,
                                        },
                                        {
                                        title: “La Política Online”,
                                        url: “http://www.lapoliticaonline.com.ar/files/rss/ultimasnoticias.xml”,
                                        }
                                        ],

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

                                          @chelofarias
                                          I think you may have some typo error;

                                          {
                                            title: “Radio Pacu”, // <-- Wrong quotation marks
                                            url: “https://radiopacu.com.ar/feed/”, <-- Here also wrong.
                                          },
                                          

                                          “ and ” is not valid character for the quotation marks that could be used in JS code.
                                          It should be ".

                                          anyway, for me it works.

                                          cd0dca0f-d456-4760-9681-6b5d332df08a-image.png

                                          J 1 Reply Last reply Reply Quote 0
                                          • J Offline
                                            JohnGalt @MMRIZE
                                            last edited by

                                            @MMRIZE – So to recap, is it the case that all that’s needed to get the pictures to display is to add “showImage: true” to the default newsfeed, or is something more required? If more is required, what would that be?

                                            M 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
                                            • 1 / 2
                                            • 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