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.

    How to Swipe between pages

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    19 Posts 5 Posters 872 Views 5 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 @seabass
      last edited by

      @seabass neither of those modules support swipe
      MMM-Swipe maybe but it requires hardware sensor

      Screenshot at 2025-07-18 13-02-54.png

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @seabass you can use the MMM-PageIndicator module to put buttons on the screen to provide manual nav (and you can customize the buttons using css)

        its not swipe tho

        also, are you talking mouse swipe, finger swipe, hand waving swipe?
        they all have different requirements for implementation

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil I seem to only see the onIdle notification from the MMM-Touch module. When I use the MMM-SmartTouch module it works as it should so I know the touch screen is working fine. Here’s my config for MMM-Touch.

          module: "MMM-Touch",
          			position: "fullscreen_above", 
          			config: {
          				debug: false,
          				useDisplay: true, 
          				autoMode: false, 
          				threshold: {
          					moment_ms: 1000 * 0.5,
          					double_ms: 1000 * 0.75, 
          					press_ms: 1000 * 3,
          					move_px: 50,
          					pinch_px: 50, 
          					rotate_dg: 20, 
          					idle_ms: 30000,
          				},
          				defaultMode: "default", 
          				onTouchStart: "TOUCH_ACTIVITY_STARTED", 
          				onTouchEnd: null, 
                                          onTouchEnd: "TOUCH_ACTIVITY_ENDED"
          				onIdle: "TOUCH_IDLE_TRIGGERED", 
          				gestureCommands: {
          					"default": {
          						"SWIPE-LEFT": (commander, gesture) => {
          							commander.sendNotification("NEW_PAGE"),
          							commander.sendNotification("PAGE_INCREMENT")
          						},
          						"SWIPE-RIGHT": (commander, gesture) => {
          							commander.sendNotification("NEW_PAGE"),
          							commander.sendNotification("PAGE_DECREMENT")
                                  }
          					}
          				}
          			}
          
          1 Reply Last reply Reply Quote 0
          • S Offline
            seabass @sdetweil
            last edited by

            @sdetweil I’ve been trying to use MMM-Touch (https://github.com/gfischershaw/MMM-Touch/tree/master) which says it’s a plugin for touch gesture commander using touchscreen. Regarding what type of swipe, I’m wanting to use finger swipe on the touchscreen. For testing purposes, mouse swipe when using VNC would be nice.

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

              @seabass so, using MMM-ViewNotifications module

              do you see the notifications going out?
              if you look in the developers window console tab (ctrl-shift-i) do you see any errors related to the touch module?

              what other modules are loaded besides pages?

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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

                @sdetweil The only notification from MMM-Touch I saw was that onIdle one I mentioned earlier. I saw a css error in the dev console. I’m not in front of the Pi right now so I can’t get the exact message but I don’t think it has anything to do with this issue. I have the MMM-Pages, MMM-page-indicator and standard modules loaded. I initially had the MMM-SmartTouch loaded which worked but I removed it for now until I can get the MMM-Touch working.

                N 1 Reply Last reply Reply Quote 0
                • N Offline
                  Niggich @seabass
                  last edited by Niggich

                  @seabass For me the following cofiguration ist working fine with every Touch Display I’m using. (Surface, Dell Touch Monitor, HP AIO Touch)
                  I using this module. MMM-Touch and also MMM-Pages

                  {
                  			module: "MMM-Touch",
                  			position: "top_center",
                  			classes: "",
                  			    disabled: false,
                  			    config: {
                  				debug: false,
                  				useDisplay: false,
                  				autoMode: false,
                  				defaultMode: "default",
                  					gestureCommands: {
                  					  "default":{
                  							"TAP_1": (commander) => {commander.sendNotification("USER_PRESENCE", true);},
                  							"SWIPE_RIGHT_1": (commander) => {commander.sendNotification("PAGE_DECREMENT", null);},
                  							"SWIPE_LEFT_1": (commander) => {commander.sendNotification("PAGE_INCREMENT", null);},
                  							"SWIPE_DOWN_1": (commander, gesture) => {commander.sendNotification("ARTICLE_PREVIOUS")},
                  							"SWIPE_UP_1": (commander, gesture) => {commander.sendNotification("ARTICLE_NEXT")},
                  							"SWIPE_DOWN_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_PREV")},
                  							"SWIPE_UP_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_NEXT")},
                  							//"DOUBLE_TAP_1": (commander) => {commander.sendNotification("LOAD_NEXT_WALLPAPER", null);},
                  							"SWIPE_LEFT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex + 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
                  							"SWIPE_RIGHT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex - 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
                  				}, 
                  			}
                  		},
                    },
                  
                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 2 / 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