worldclock - nobody made this, so I did.

[A Former User]

@nobita How about this?

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]

[Mykle1]

@Sean

Those look fantastic! Nice work Sean!

[nobita]

@Sean Very Nice and Good Module for all

[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”.

[A Former User]

@iMAGiC in your custom css, add this.

.worldclock .gap {
display:none;
}

[iMAGiC]

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

[A Former User]

@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.

[nobita]

@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

[A Former User]

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

[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

[A Former User]

@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.

[Arjen_lima]

@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

my current lay out

the lay out im looking for

[A Former User]

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

[Peter]

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

[ninjabreadman]

@Peter This should work:

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

[Peter]

@ninjabreadman thanks!
It works fine.
Peter

[cookblook]

Hello,

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

[A Former User]

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

[cookblook]

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

[A Former User]

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

.worldtime {
  display:flex;
  flex-direction:row;
}

.world{
  width:200px;
}