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.

    worldclock - nobody made this, so I did.

    Scheduled Pinned Locked Moved Productivity
    46 Posts 14 Posters 29.5k Views 14 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.
    • P Offline
      Peter @ninjabreadman
      last edited by

      @ninjabreadman thanks!
      It works fine.
      Peter

      1 Reply Last reply Reply Quote 0
      • C Offline
        cookblook
        last edited by

        Hello,

        very nice module. Is it possible to have the clocks horizontal instead of vertical?

        ? 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User @cookblook
          last edited by

          @cookblook
          You can redefine CSS of .worldclockand.worldclock .world to arrange horizontally with flex things of CSS3.

          C 1 Reply Last reply Reply Quote 0
          • C Offline
            cookblook @Guest
            last edited by

            @sean like display: flex;? tried that but it didn’t work

            ? 1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @cookblook
              last edited by A Former User

              @cookblook
              This will work, add this into your css/custom.css

              .worldtime {
                display:flex;
                flex-direction:row;
              }
              
              .world{
                width:200px;
              }
              

              0_1547022402965_sc.png

              1 Reply Last reply Reply Quote 0
              • C Offline
                cookblook
                last edited by

                @sean Thanks!! That worked :-)

                1 Reply Last reply Reply Quote 0
                • BKeyportB Offline
                  BKeyport Module Developer
                  last edited by

                  Ulrich/Sean -

                  I’ve got a bug - supposedly it’s supposed to allow override of the time format per clock. I’m trying to get a 24 hour clock only on the UTC clock. “LT” is “hh:mm A” here…

                  Thanks!

                  {
                   module: "worldclock",
                   position: "top_left", 
                  config: { 
                   timeFormat: "LT", style: "left",
                   offsetTimezone: null,
                   clocks: [
                   {
                   title: "Local",
                   timezone: "America/Los_Angeles",
                   }, 
                  {
                   title: "UTC",
                   timezone: "UTC",
                   timeFormat: "HH:mm",
                   }, 
                   ]
                   },
                   },
                  

                  Thanks!

                  The "E" in "Javascript" stands for "Easy"

                  BKeyportB 1 Reply Last reply Reply Quote 0
                  • L Offline
                    Lagmin
                    last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • BKeyportB Offline
                      BKeyport Module Developer @BKeyport
                      last edited by

                      I solved this. My fork is http://www.github.com/bkeyport/MMM-Worldclock if you’d like to use it. It’ll be fully supported, and I don’t plan to merge back into the original.

                      The "E" in "Javascript" stands for "Easy"

                      1 Reply Last reply Reply Quote 0
                      • A Offline
                        alanodoug
                        last edited by alanodoug

                        Hey guys,
                        is it possible to change the flag-icon? Because the flag i want to use doesnt exist.
                        Maybe i can use a image and put it in the folder?

                        Thx

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 4 / 5
                        • 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