• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
  1. Home
  2. TheSteveBennett
  3. Posts
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
T
Offline
  • Profile
  • Following 0
  • Followers 0
  • Topics 1
  • Posts 2
  • Groups 0

Posts

Recent Best Controversial
  • RE: How to Swipe between pages

    @sdetweil That is the one I installed. How can you tell that it doesn’t support swipe and could you recommend one that does.

    posted in Troubleshooting
    T
    TheSteveBennett
    May 4, 2025, 11:42 PM
  • How to Swipe between pages

    I have MagicMirror2 installed on a Raspberry PI 4 with a Pi Touch Display2. I am trying to Swipe between pages using MMM-SmartTouch and MMM-Pages. The config looks right but I can’t figure out what I am doing wrong? Here is a copy of my config.

    let config = {
        address: "0.0.0.0",
        port: 8080,
        basePath: "/",
        ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "192.168.4.0/24"],
    
        useHttps: false,
        httpsPrivateKey: "",
        httpsCertificate: "",
    
        language: "en",
        locale: "en-US",
        logLevel: ["INFO", "LOG", "WARN", "ERROR"],
        timeFormat: 12,
        units: "imperial",
    
        modules: [
            {
                module: "alert",
            },
            {
                module: "updatenotification",
                position: "top_bar"
            },
            {
                module: "clock",
                position: "top_left",
                classes: "page-1"
            },
            {
                module: "calendar",
                header: "US Holidays",
                position: "top_left",
                classes: "page-1",
                config: {
                    calendars: [
                        {
                            fetchInterval: 7 * 24 * 60 * 60 * 1000,
                            symbol: "calendar-check",
                            url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
                        }
                    ]
                }
            },
            {
                module: "compliments",
                position: "lower_third",
                classes: "page-1"
            },
            {
                module: "weather",
                position: "top_right",
                classes: "page-2",
                config: {
                    weatherProvider: "openmeteo",
                    type: "current",
                    lat: 40.776676,
                    lon: -73.971321
                }
            },
            {
                module: "weather",
                position: "top_right",
                header: "Weather Forecast",
                classes: "page-2",
                config: {
                    weatherProvider: "openmeteo",
                    type: "forecast",
                    lat: 40.776676,
                    lon: -73.971321
                }
            },
            {
                module: "MMM-MyWeather",
                position: "top_right",
                classes: "page-2",
                config: {
                    // Your MyWeather configuration
                }
            },
            {
                module: "newsfeed",
                position: "bottom_bar",
                classes: "page-2",
                config: {
                    feeds: [
                        {
                            title: "New York Times",
                            url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
                        }
                    ],
                    showSourceTitle: true,
                    showPublishDate: true,
                    broadcastNewsFeeds: true,
                    broadcastNewsUpdates: true
                }
            },
            {
                module: "MMM-HomeAssistantDisplay",
                position: "middle_center",
                classes: "page-3",
                config: {
                    // Your Home Assistant configuration
                }
            },
            {
                module: "MMM-Cursor",
                config: {
                    timeout: 3000  // Increased timeout for better touch experience
                }
            },
            {
                module: 'MMM-BackgroundSlideshow',
                position: 'fullscreen_below',
                config: {
                    imagePaths: ['modules/MMM-BackgroundSlideshow/exampleImages/'],
                    transitionImages: true,
                    randomizeImageOrder: true,
                    slideshowSpeed: 30000  // 30 seconds per background
                }
            },
            {
                module: "MMM-Pages",
                config: {
                    modules: [
                        ["page-1"],  // Page 1: Clock, Calendar, Compliments
                        ["page-2"],  // Page 2: Weather and News
                        ["page-3"]   // Page 3: Home Assistant
                    ],
                    fixed: ["alert", "updatenotification", "MMM-page-indicator", "MMM-SmartTouch", "MMM-Cursor", "MMM-BackgroundSlideshow"],
                    animationTime: 1000,     // Smooth transition between pages
                    rotationTime: 0,         // No automatic rotation
                    rotationDelay: 10000,
                    touchMode: true,          // Enable touch support
                    useSwipe: true,
                    swipeSensitivity: 30
                }
            },
            {
                module: "MMM-page-indicator",
                position: "bottom_bar",
                config: {
                    pages: 3,                // Now 3 pages total
                    activeBrightness: 100,
                    inactiveBrightness: 30
                }
            },
            {
                module: "MMM-SmartTouch",
                position: "fullscreen_above",
                config: {
                    debug: true,
                    enableCursor: true,
                    cursorTimeout: 3000,     // Hide cursor after 3 seconds
                    gesture: {
                        sensitivity: 15,     // Better for Raspberry Pi Touch Display
                        minSwipeDistance: 30, // Lower threshold for easier swiping
                        maxTimeThreshold: 1000 // More time allowed to complete swipe
                    },
                    touches: [
                        {
                            gesture: "swipeleft",
                            command: "NEXT_PAGE"
                        },
                        {
                            gesture: "swiperight",
                            command: "PREVIOUS_PAGE"
                        },
                        {
                            gesture: "tap",
                            command: "SHOW_CURSOR"
                        },
                        {
                            gesture: "doubletap",
                            command: "REFRESH"  // Allows refreshing the mirror if needed
                        }
                    ]
                }
            }
        ]
    };
    
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== "undefined") { module.exports = config; }
    
    
    posted in Troubleshooting
    T
    TheSteveBennett
    May 4, 2025, 2:07 AM
  • 1 / 1
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