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

      @sifuhall
      Yes, that is the issue of Feed.
      Each RSS1.0/RSS2.0/XML/ATOM feed has each standard syntax, but not strictly. So every feed provider (e.g. news site) serves slightly-similar-but-different-syntax-feed.
      Your link has NO IMAGE by definition of the standard syntax, but it has a common CDATA tag to contain an image in the description really. The image doesn’t belong to the article item layer itself, but to its subcomponent description layer. It might be a kind of exception rule.

      I can add some codes to pick up that kind of image from the description of the article. But before that, if I could know which feeds should the module parse, I can make a dedicated-efficient version for your usage. To make an all-bullet-proof version is somehow inefficient. Could you tell me which feed you are considering to show on MagicMirror?

      sifuhallS 2 Replies Last reply Reply Quote 0
      • sifuhallS Offline
        sifuhall @MMRIZE
        last edited by

        @MMRIZE the feed I linked will be the final feed.

        Please tell me how I can pay you

        1 Reply Last reply Reply Quote 0
        • sifuhallS Offline
          sifuhall @MMRIZE
          last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • M MMRIZE referenced this topic on
          • 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

                                            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