• 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-CalendarExt3Agenda

Scheduled Pinned Locked Moved Utilities
192 Posts 27 Posters 257.9k Views 29 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.
  • H Offline
    hogedir @BKeyport
    last edited by hogedir Sep 4, 2022, 7:26 PM Sep 4, 2022, 7:25 PM

    @BKeyport I don’t understand how to extend the full day event like you. mine is limited and i have some space available like that

    aab9321c-e70e-4f08-8665-38cd5186dc28-image.png

    I want to extend totally the text for fullday event and not having these 3 points “…”

    B L 2 Replies Last reply Sep 4, 2022, 11:38 PM Reply Quote 0
    • B Offline
      BKeyport Module Developer @hogedir
      last edited by Sep 4, 2022, 11:38 PM

      @hogedir It’s documented in my CSS above… Look closely you’ll find it. “fullday events overflow” is a clue.

      The "E" in "Javascript" stands for "Easy"

      W 1 Reply Last reply Sep 5, 2022, 1:28 AM Reply Quote 0
      • W Offline
        Wenike @BKeyport
        last edited by Sep 5, 2022, 1:28 AM

        @BKeyport I appreciate you posting your CSS, it gave me a good base to tweak to make my layout work for me (especially getting each event in the calendar’s color but still dimming when that event is in the past.

        1 Reply Last reply Reply Quote 0
        • M Offline
          MMRIZE
          last edited by Sep 5, 2022, 5:00 AM

          Nobody like my default color settings? :(

          B W 2 Replies Last reply Sep 5, 2022, 5:39 AM Reply Quote 0
          • B Offline
            BKeyport Module Developer @MMRIZE
            last edited by Sep 5, 2022, 5:39 AM

            @MMRIZE I did, when I was on a dark background. Then I decided I wanted to go with color to tell events apart, so css work it was.

            The "E" in "Javascript" stands for "Easy"

            1 Reply Last reply Reply Quote 0
            • W Offline
              Wenike @MMRIZE
              last edited by Sep 5, 2022, 2:20 PM

              @MMRIZE I did! Except I have like 6 calendars defined and I’ve long been used to telling them apart by color on my Google calendar.

              1 Reply Last reply Reply Quote 0
              • L Offline
                luisestrada @hogedir
                last edited by Sep 5, 2022, 5:47 PM

                @hogedir

                I edited the max-width value (50% to 100%) in .CX3A .cellBody .fullday .event and solved the issue

                1 Reply Last reply Reply Quote 0
                • H Offline
                  hogedir @MMRIZE
                  last edited by Sep 5, 2022, 6:57 PM

                  @MMRIZE how do you change the baseball icon please? which one are available to put?

                  B 1 Reply Last reply Sep 6, 2022, 12:13 AM Reply Quote 0
                  • B Offline
                    BKeyport Module Developer @hogedir
                    last edited by BKeyport Sep 6, 2022, 12:16 AM Sep 6, 2022, 12:13 AM

                    @hogedir icons are changed at the calendar level by adding symbol: <some symbol> to each calendar in the calendar module.

                    https://fontawesome.com/v5/search is where you can look up icons to use. The system can’t use pro icons.

                    {
                    	url: "http://cal.events/VReW45.ics",
                    	name: "Seahawks",
                    	symbol: "football-ball",						
                    },
                    

                    is https://fontawesome.com/v5/icons/football-ball?s=solid&f=classic

                    The "E" in "Javascript" stands for "Easy"

                    H 1 Reply Last reply Oct 3, 2022, 1:30 AM Reply Quote 0
                    • B BKeyport referenced this topic on Sep 23, 2022, 9:00 PM
                    • H Offline
                      hogedir @BKeyport
                      last edited by hogedir Oct 3, 2022, 1:32 AM Oct 3, 2022, 1:30 AM

                      @BKeyport I searched how to Hide the list of events diary and the AGENDA calendar with all the month with days because I just want to show the 3rd part of the module with all the events.

                      like this : hiding the cross part and the other part with events :
                      4798d7d9-f035-4b8c-9a46-761c328e4d46-image.png

                      S B 2 Replies Last reply Oct 3, 2022, 2:00 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 19
                      • 20
                      • 5 / 20
                      5 / 20
                      • First post
                        50/192
                        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