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.

    MMM-CalendarExt2 CSS question. Is there anyway to get daily view to look like week view??

    Scheduled Pinned Locked Moved Solved Development
    5 Posts 3 Posters 887 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.
    • WolfieeewolfW Offline
      Wolfieeewolf
      last edited by Wolfieeewolf

      I’m guessing this is a CSS issue. I am trying to get my daily view to be horizontal instead of vertical. I like that the daily view rotates around to always have the current day first. Week view doesn’t do this or I can’t get it to do this.

      It’s more of a painful inconvenience than anything else. I like to see what is coming a few days in advance and the week view doesn’t roll over until the week is done. I know I could use the upcoming views but it again has the same issue. It only goes vertical, not horizontal.

      Any help would be great.

      WolfieeewolfW 1 Reply Last reply Reply Quote 0
      • WolfieeewolfW Offline
        Wolfieeewolf @Wolfieeewolf
        last edited by

        worked it out

        for anyone that wants to do the same. open the CalendarExt2.js and scroll down until you see this

        views: {
          daily: {
            slotSubTitleFormat: "MMMM Do",
            slotTitleFormat: {
              sameDay: '[Today]',
              nextDay: '[Tomorrow]',
              nextWeek: 'dddd',
              lastDay: '[Yesterday]',
              lastWeek: '[Last] ddd',
              sameElse: 'ddd, M/D'
         },
             type: "column",
          },
        

        change type: “column”, to type: “row”, and problem solved. Might need to do a little bit of css editing to get things to fit but it works for now.

        S M 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @Wolfieeewolf
          last edited by

          @wolfieeewolf you should be able to set the type in the view object u create in config.js. without changing any code

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          WolfieeewolfW 1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @Wolfieeewolf
            last edited by

            @wolfieeewolf
            Use this code in your module config, not modifying the source.

            1 Reply Last reply Reply Quote 0
            • WolfieeewolfW Offline
              Wolfieeewolf @sdetweil
              last edited by

              @sdetweil thanks for that. I didn’t even think of adding it to config.js. I was so busy trying to change it in the custom.css file that I total forgot you can do it in there as well.

              I changed everything back and it works great. It’s a little squashed up so I’m now trying to make it into 2 rows. Not sure how to tackle that one yet.

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