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 @sdetweil
      last edited by

      @sdetweil on the code block

      has to be a blank line before and after
      and the character was ~ not `

      did u do that manually, type in the chars of hit the </> after selecting the text ?

      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 just did a ctrl a then copy and pasted

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

                                            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
                                            • 2 / 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