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
    222 Posts 29 Posters 290.0k Views 31 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.
    • M Offline
      MMRIZE @BKeyport
      last edited by

      @BKeyport already applied.

      1 Reply Last reply Reply Quote 0
      • H Offline
        hogedir @BKeyport
        last edited by hogedir

        @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 “…”

        BKeyportB luisestradaL 2 Replies Last reply Reply Quote 0
        • BKeyportB Online
          BKeyport Module Developer @hogedir
          last edited by

          @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 Reply Quote 0
          • W Offline
            Wenike @BKeyport
            last edited by

            @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

              Nobody like my default color settings? :(

              BKeyportB W 2 Replies Last reply Reply Quote 0
              • BKeyportB Online
                BKeyport Module Developer @MMRIZE
                last edited by

                @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

                  @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
                  • luisestradaL Offline
                    luisestrada @hogedir
                    last edited by

                    @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

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

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Online
                        BKeyport Module Developer @hogedir
                        last edited by BKeyport

                        @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 Reply Quote 0
                        • BKeyportB BKeyport referenced this topic on
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 22
                        • 23
                        • 5 / 23
                        • 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