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.

    Clock format

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    41 Posts 2 Posters 21.5k Views 2 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.
    • S Offline
      sdetweil @louise
      last edited by sdetweil

      @louise

      NEVER change the CODE

      in config.js

      		{
      			module: "clock",
      			position: "top_left"
      		},
      

      whatever u need to configure goes inside a config:{} section,…

      if not there, add one

      		{
      			module: "clock",
      			position: "top_left",
                             config: {
                                  .... whatever 
                            }
      		},
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      L 1 Reply Last reply Reply Quote 0
      • L Offline
        louise @sdetweil
        last edited by

        @sdetweil I didn’t think I did change anything.

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @louise
          last edited by

          @louise after the paste

          select the text in the message, and the push the </> button above the editor
          Screenshot at 2021-12-02 16-20-19.png

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          L 1 Reply Last reply Reply Quote 0
          • L Offline
            louise @sdetweil
            last edited by

            @sdetweil OH, that’s what you meant by block.
            But as far as changing anything in the code I didn’t, except the 12 and imperial

            L S 2 Replies Last reply Reply Quote 0
            • L Offline
              louise @louise
              last edited by sdetweil

              @louise

              deleted  sam
              
              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @louise
                last edited by

                @louise said in Clock format:

                anything in the code I didn’t, except the 12 and imperial

                then u changed something

                NEVER edit the source files… ALL changes go thru config.js

                the design is that things u specify in config.js override thing in the source code… so you NEVER have to touch the source file.
                if you DON’T specify something, then the module default setting will be used…
                (each module should document what that is… )

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @louise
                  last edited by

                  @louise again you are pasting the source code… and missed a step,

                  after the paste into the message here, SELECT the text AGAIN, and then push the code button

                  we want to see what settings are in config.js for clock, not clock.js

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  L 1 Reply Last reply Reply Quote 0
                  • L Offline
                    louise @sdetweil
                    last edited by sdetweil

                    @sdetweil

                    aaaaa

                    L S 2 Replies Last reply Reply Quote 0
                    • L Offline
                      louise @louise
                      last edited by

                      @louise I forgot to take out private stuff again

                      1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @louise
                        last edited by sdetweil

                        @louise nope, still don’t want to see the code

                        edit your ~/MagicMirror/config/config.js

                        find the section that says

                           module:"clock"
                        

                        and copy from the line above that is

                        {
                        

                        to the macthing line below
                        that is

                        }
                        

                        and paste THAT, and then select it all (ctrl a)
                        and then it the button

                        please read the two topics below in my signature…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        L 1 Reply Last reply Reply Quote 0
                        • L Offline
                          louise @sdetweil
                          last edited by

                          @sdetweil This?

                          	{
                          		module: "clock",
                          		position: "top_left"
                          	},```
                          

                          code_text

                          			module: "clock",
                          			position: "top_left"
                          		},```
                          code_text
                          
                          S 1 Reply Last reply Reply Quote 0
                          • S Offline
                            sdetweil @louise
                            last edited by

                            @louise hmm… still not sure what the problem is

                            select/copy from config.js

                            replay to message here

                            paste text

                            ctrl-a (select all)
                            (it will have my userid in the select of the reply )
                            press code block button

                            I just did this and got

                            @louise
                            		{
                            			module: "clock",
                            			position: "top_left"
                            		},
                            

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            L 2 Replies Last reply Reply Quote 0
                            • L Offline
                              louise @sdetweil
                              last edited by

                              @sdetweil Would it be easier if I just started over?

                              S 1 Reply Last reply Reply Quote 0
                              • S Offline
                                sdetweil @louise
                                last edited by

                                @louise said in Clock format:

                                Would it be easier if I just started over?

                                with what? ignore what is above

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                L 1 Reply Last reply Reply Quote 0
                                • L Offline
                                  louise @sdetweil
                                  last edited by

                                  @sdetweil Just a new install of Magic Mirror, rename this as MagicMirror1 and do a new install.

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Offline
                                    sdetweil @louise
                                    last edited by

                                    @louise no… u havent hurt anything… we can get back the changed files easy

                                    the design makes it so we can change the code whenever we need to (we own it) and your implementation is not impacted, and you also aren’t blocked from getting the quarterly updates (next one coming Jan 1) …

                                    if you think it would be easier for you, then sure ,rename the folder, use my script to install again
                                    and then migrate your source file changes to config.js

                                    but u can migrate the changes now, no harm …

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    L 1 Reply Last reply Reply Quote 0
                                    • L Offline
                                      louise @sdetweil
                                      last edited by sdetweil

                                      @sdetweil

                                      deleted

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Offline
                                        sdetweil @louise
                                        last edited by

                                        @louise said in Clock format:

                                        {
                                        module: “clock”,
                                        position: “top_left”
                                        },

                                        still didnt’ get the select all

                                        and this is the only part we needed

                                        {
                                        module: “clock”,
                                        position: “top_left”
                                        },
                                        

                                        it has no config:{} section, so all the module defaults are used

                                        to change some setting here do

                                        {
                                        module: “clock”,
                                        position: “top_left”,     // <-  add a comma (more stuff follows this line) 
                                        config : {
                                             timeFormat:24, 
                                        }
                                        },
                                        

                                        in the setting above clock will use 24 hour format, even if the base is set to 12 hour format

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • L Offline
                                          louise @sdetweil
                                          last edited by

                                          @sdetweil Given a choice I would rather just have this figured out. Did I do right this time?

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Offline
                                            sdetweil @louise
                                            last edited by

                                            @louise no

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            L 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
                                            • 1 / 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