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 31.9k 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.
    • ? Offline
      A Former User @nobita
      last edited by

      @nobita good suggestion. I like that circled flags. Where do you get that?

      N Mykle1M 2 Replies Last reply Reply Quote 0
      • N Offline
        nobita @Guest
        last edited by

        @Sean I can’t remember because a longtime ago

        1 Reply Last reply Reply Quote 0
        • Mykle1M Offline
          Mykle1 Project Sponsor Module Developer @Guest
          last edited by Mykle1

          @Sean said in worldclock - nobody made this, so I did.:

          I like that circled flags

          https://www.shutterstock.com/image-vector/simple-circle-flags-vector-countries-flat-298861670

          https://image.shutterstock.com/z/avopix-199602161.jpg

          Create a working config
          How to add modules

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

            @nobita How about this?
            0_1502374763676_world-clock.png

            I cannot find any pretty flag images on the network, so I use flag-icon-css.
            @Mykle1 gave me good resources, but I feel some question.
            Should we store all the flags in modules? Each person needs only a few flags at once. Therefore I try to find some resources approachable on the internet directly, which might be already hosted via CDN or something like. The only one thing I’ve found was flag-icon-css.
            But… The flag is not so pretty as I’ve thought.

            Anyway, I added flags feature, you can upgrade your module now.

            [card:eouia/worldclock]

            Mykle1M N iMAGiCI 3 Replies Last reply Reply Quote 3
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @Guest
              last edited by

              @Sean

              Those look fantastic! Nice work Sean!

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • N Offline
                nobita @Guest
                last edited by

                @Sean Very Nice and Good Module for all

                1 Reply Last reply Reply Quote 0
                • iMAGiCI Offline
                  iMAGiC @Guest
                  last edited by iMAGiC

                  @Sean thanks for the module, could you advise how to hide time gap, default is showing, but I can’t hide it when set “false”.

                  Choice * Judgment * Values

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

                    @iMAGiC in your custom css, add this.

                    .worldclock .gap {
                    display:none;
                    }
                    
                    iMAGiCI 1 Reply Last reply Reply Quote 0
                    • iMAGiCI Offline
                      iMAGiC @Guest
                      last edited by

                      @Sean thanks, but I can’t get it work, found alternative. Thank you.

                      Choice * Judgment * Values

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

                        @iMAGiC
                        Sorry for my improper instruction. At that time I was not in front of machine, so I just simply guessed,

                         .worldclock .world .caption .gap {
                         display:none;
                         }
                        

                        will do.

                        N 1 Reply Last reply Reply Quote 0
                        • N Offline
                          nobita @Guest
                          last edited by

                          @Sean , How to Change your digital Clock to Analog Clock
                          like as the default module clock (MM2)
                          Configuration options
                          displayType : Possible values: digital, analog, or both
                          analogFace : Possible values: simple for a simple border, none for no face or border,
                          or face-### (where ### is currently a value between 001 and 012, inclusive)

                          Thank so much for your all helps

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

                            @nobita
                            Unfortunately, worldclock doesn’t support Analog face. Sorry.

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

                              Hi There,

                              just starting out with MM and i like the module a lot.
                              one question i have is how to organize the clock’s in row instead of one below the other.

                              thanks

                              Arjen

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

                                @Arjen_lima
                                Sorry for my English, I cannot catch your question.
                                The order of clocks is defined in config.js by the section clocks, that is the array of clock, then the order of display is same with the order of array element.

                                Or… If you mean another problem, give me more detailed information. Of course, an image could be the great help for understanding.

                                A 1 Reply Last reply Reply Quote 0
                                • A Offline
                                  Arjen_lima @Guest
                                  last edited by

                                  @Sean said in worldclock - nobody made this, so I did.:

                                  @Arjen_lima
                                  Sorry for my English, I cannot catch your question.
                                  The order of clocks is defined in config.js by the section clocks, that is the array of clock, then the order of display is same with the order of array element.

                                  Or… If you mean another problem, give me more detailed information. Of course, an image could be the great help for understanding.

                                  Hey Sean,

                                  Its probably my english ;-),
                                  now the clocks in the array are all vertically aligned one clock below the next clock.
                                  in some of the screen shots they are in a 3x3 grid i was wondering how to get it like that

                                  0_1520457239430_bd0e9ac0-1c97-4309-a289-c9e232e20ab1-image.png
                                  my current lay out

                                  0_1520457311994_87e36706-5926-4586-94e4-9e0d37954111-image.png

                                  the lay out im looking for

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

                                    @Arjen_lima
                                    Sorry for the confusion. that image was just sample of the different layout configuration. That was not real, it was photoshopped.

                                    1 Reply Last reply Reply Quote 0
                                    • P Offline
                                      Peter
                                      last edited by

                                      Can somebody help me to change the font size of this module?
                                      I would like to have the time a little smaller; about the same as the size of the citynames.
                                      Thanks.
                                      Peter

                                      N 1 Reply Last reply Reply Quote 0
                                      • N Offline
                                        ninjabreadman @Peter
                                        last edited by

                                        @Peter This should work:

                                        .worldclock {
                                          font-size: 73%; /* adjust value as needed */
                                        }
                                        

                                        Problem with config or JavaScript? Copy/paste it into JSHint.
                                        Check out the detailed walkthroughs on install, config, modules, etc.

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

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 3 / 3
                                            • 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