• 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
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Refresh Magic Mirror after custom css changes

Scheduled Pinned Locked Moved Custom CSS
8 Posts 4 Posters 1.0k Views 4 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.
  • H Offline
    Hanimani
    last edited by Mar 29, 2024, 3:25 PM

    Hi

    How can i refresh my MM to see the changes which i do in custom CSS? After every change i have to jump in the config.js folder and save the file for refresh the MM. After that i can see the changes. Is there an easier way? Or maybe there is a solution to see the customize live?

    I work with Windows Powershel SSH remote.

    S 1 Reply Last reply Mar 29, 2024, 7:55 PM Reply Quote 0
    • S Away
      sdetweil @Hanimani
      last edited by Mar 29, 2024, 7:55 PM

      @Hanimani mm is a web page, ctrl-r is refresh

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      H 1 Reply Last reply Mar 29, 2024, 9:02 PM Reply Quote 0
      • H Offline
        Hanimani @sdetweil
        last edited by Mar 29, 2024, 9:02 PM

        @sdetweil i dont know if im send the last answer or i delete it. So i repost, sorry if there comes two answers.

        I have to say that i work via windows pc (ssh) on my raspberry pi. I havnt a keyboard on the raspberry. So im not able to press ctrl-r. I need a solution which i can do with remote.

        S W 2 Replies Last reply Mar 29, 2024, 9:19 PM Reply Quote 0
        • S Away
          sdetweil @Hanimani
          last edited by sdetweil Mar 29, 2024, 9:21 PM Mar 29, 2024, 9:19 PM

          @Hanimani remotely all you can do is restart.

          but you could use a browser on your pc to the mm system to do all that development

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • W Offline
            wishmaster270 Module Developer @Hanimani
            last edited by Mar 29, 2024, 11:31 PM

            @Hanimani As sdetweil suggested you can access the page of MagicMirror in your browser to do development. The only problem with this approach is that there are multiple instances of the page. This can cause some modules to behave strange (like sending notifications twice, etc.).

            As an alternative you can enable VNC on the MagicMirror machine and connect to it remotely. You than can hit CTRL+R and access the Web development tools.

            H 1 Reply Last reply Mar 31, 2024, 11:33 AM Reply Quote 0
            • B bugsounet referenced this topic on Mar 31, 2024, 10:24 AM
            • H Offline
              Hanimani @wishmaster270
              last edited by Mar 31, 2024, 11:33 AM

              @wishmaster270 @sdetweil Ok, then at least i know that there is no “easy” solution and i don’t have to look any further. Thank you for your help ^^

              K S 2 Replies Last reply Apr 2, 2024, 3:57 AM Reply Quote 0
              • K Offline
                kayakbabe @Hanimani
                last edited by Apr 2, 2024, 3:57 AM

                @Hanimani Why not take the keyboard from your pc and plug it into your raspbery pi? use the mouse too.

                1 Reply Last reply Reply Quote 0
                • S Away
                  sdetweil @Hanimani
                  last edited by sdetweil Apr 2, 2024, 12:28 PM Apr 2, 2024, 12:22 PM

                  @Hanimani the easy solution is to use the browser on the system you are on.
                  when you get it right, restart mm where it is running

                  config.js

                  address:"0.0.0.0",  // listen for connections on all network interfaces
                  ipWhitelist:[], // dont restrict source systems wanting to access mm
                  

                  if you are using windows as your keyboard system, you can use winscp or bitvise ssh clients to provide the ssh window AND a file manzger view of the mm system. then you can double click a file to edit it directly on your pc, save puts it back on the mm syste. i use notepad++ as my windows editor for mm files

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  1 / 1
                  • First post
                    4/8
                    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