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.
    • 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
                                          • M Offline
                                            MMRIZE @JohnGalt
                                            last edited by

                                            @JohnGalt
                                            Nothing special. However, some feeds might have non-standard image enclosure, so in that case, image will not be shown.
                                            That module was order-made, so not all the possible cases are considered. If you have some specific newsfeed, tell me the url.

                                            J K 2 Replies 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