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.

    Delete Fade In/Fade Out animation in the NewsFeed Module

    Scheduled Pinned Locked Moved Custom CSS
    11 Posts 2 Posters 877 Views 2 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 @victorjim
      last edited by sdetweil

      @victorjim

          reloadInterval: 60000,
          animationSpeed: 5*1000,
      

      those two properties are for the module, not MagicMirror, so they should be inside the config:{ section, here is the doc for module parameters for MagicMirror,
      https://docs.magicmirror.builders/modules/configuration.html#example

      	animationSpeed: 5*1000,
      

      means 5 seconds for each news item to appear and disappear. longer animation

      you want it to be shorter or not at all

      	animationSpeed: 0,
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      V 1 Reply Last reply Reply Quote 0
      • V Offline
        victorjim @sdetweil
        last edited by

        @sdetweil
        I changed the animationSpeed: value to 0, and it still does the Fade In/Fade Out animation.
        Nothing has changed. What I would like is to remove the animation and leave the text fixed.
        Thanks.

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

          @victorjim said in Delete Fade In/Fade Out animation in the NewsFeed Module:

          I changed the animationSpeed: value to 0, and it still does the Fade In/Fade Out animation.

          did you MOVE the animationSpeed:0, INSIDE the config:{} section of the module definition??

          otherwise the module will not see that setting

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          V 1 Reply Last reply Reply Quote 0
          • V Offline
            victorjim @sdetweil
            last edited by

            @sdetweil

            I don’t understand well, I have changed the variable animationSpeed: 0 in the config.js file inside the /MagicMirror/config/ folder

            Like this code:

            modules: [
            		
            		{
            			module: "newsfeed",
            			position: "top_bar",
            			reloadInterval: 60000,
            			animationSpeed: 0,  //  In this position
            			config: {
            				feeds: [
            				{
            					title: "Portada Periodico de Aragon",
            					url: "https://www.elperiodicodearagon.com/rss/section/23500"
            				}
            				],
            				showSourceTitle: true,
            				showPublishDate: true,
            				showDescription: true,
            				broadcastNewsFeeds: true,
            				broadcastNewsUpdates: true
            			}
            		},
            
            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil
              last edited by sdetweil

              @sdetweil said in Delete Fade In/Fade Out animation in the NewsFeed Module:

              in a prior post I said

              those two properties are for the module, not MagicMirror, so they should be inside the config:{ section, here is the doc for module parameters for MagicMirror,

              so

              		{
              			module: "newsfeed",
              			position: "top_bar",
              // move These TWO parameters
              			reloadInterval: 60000,   
              			animationSpeed: 0,
              // INSIDE the config:{ section 
              
              			config: {
              				feeds: [
              				{
              					title: "Portada Periodico de Aragon",
              					url: "https://www.elperiodicodearagon.com/rss/section/23500"
              				}
              				],
              				showSourceTitle: true,
              				showPublishDate: true,
              				showDescription: true,
              				broadcastNewsFeeds: true,
              				broadcastNewsUpdates: true,
              // like this 
              		        	reloadInterval: 60000,   
              			        animationSpeed: 0
              			}
              		},
              

              module: …to config: { belong to MagicMirror, NOT the module
              config: {… } belong to the module

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              V 1 Reply Last reply Reply Quote 0
              • V Offline
                victorjim @sdetweil
                last edited by

                @sdetweil

                Ok
                Now I understand.
                The 2 variables must be set in the configuration of each news.
                Now it is corrected and works.
                Thank you very much.

                1 Reply Last reply Reply Quote 0
                • 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