• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 817 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.
  • W Offline
    Wolfieeewolf
    last edited by Wolfieeewolf Dec 1, 2021, 1:02 PM Dec 1, 2021, 12:40 PM

    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.

    W 1 Reply Last reply Dec 1, 2021, 1:01 PM Reply Quote 0
    • W Offline
      Wolfieeewolf @Wolfieeewolf
      last edited by Dec 1, 2021, 1:01 PM

      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 Dec 1, 2021, 1:05 PM Reply Quote 0
      • S Away
        sdetweil @Wolfieeewolf
        last edited by Dec 1, 2021, 1:05 PM

        @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

        W 1 Reply Last reply Dec 2, 2021, 1:42 AM Reply Quote 0
        • M Offline
          MMRIZE @Wolfieeewolf
          last edited by Dec 1, 2021, 3:01 PM

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

          1 Reply Last reply Reply Quote 0
          • W Offline
            Wolfieeewolf @sdetweil
            last edited by Dec 2, 2021, 1:42 AM

            @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
            1 / 1
            • First post
              1/5
              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