MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    UNSOLVED Calendar and Icons

    Troubleshooting
    3
    18
    671
    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.
    • B
      bicolorbore586 last edited by bicolorbore586

      Hi again,

      below is a brief part of my config.js. A few days ago this was working fine, however now it no longer shows the icon/symbol in the default calendar.

      Note there is also configuration for colors which does work.

      {
      			module: "calendar",
      			header: "FamCal",
      			position: "top_left",
      			config:	{
      				displaySymbol: true,
      				customEvents: [	{keyword: "Swimming", symbol: "swimmer"},
      

      it does however show the icon in the MMM-Calendarext3

      f28de1a0-081a-4585-a781-b9de392e53c9-image.png

      S 1 Reply Last reply Reply Quote 0
      • S
        sdetweil @bicolorbore586 last edited by sdetweil

        @bicolorbore586

        https://fontawesome.com/search?q=swimming &o=r

        I don’t see a ‘swimming’ icon, I do see
        ‘person-swimming’

        Screenshot_20221027-073615_Chrome.jpg

        is cx3 using a different icon lib is it’s css ?

        Sam

        Create a working config
        How to add modules

        B 1 Reply Last reply Reply Quote 0
        • B
          bicolorbore586 @sdetweil last edited by

          @sdetweil

          Not sure I understand the question. I know from the github page it talks about EX3 taking information from the default calendar.

          Have just tried person-swimming, but still gives same results.

          S 1 Reply Last reply Reply Quote 0
          • S
            sdetweil @bicolorbore586 last edited by

            @bicolorbore586 can u open the developers window, ctrl-shift-i, and select the console tab, and put cal
            in the filter field
            to see if there is any error

            Sam

            Create a working config
            How to add modules

            B 1 Reply Last reply Reply Quote 0
            • B
              bicolorbore586 @sdetweil last edited by

              @sdetweil

              Styles loaded for: MMM-CalendarExt3
              loader.js:164 Translations loaded for: MMM-CalendarExt3Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
              2calendar.js:89 Starting module: calendar
              localhost/:1 Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

              S 1 Reply Last reply Reply Quote 0
              • S
                sdetweil @bicolorbore586 last edited by

                @bicolorbore586 that means custom.css doesn’t exist(which means u didn’t use my install script, cause I create it) from a termianl window, do

                touch ~/MagicMirror/css/custom.css
                

                Sam

                Create a working config
                How to add modules

                B 1 Reply Last reply Reply Quote 0
                • B
                  bicolorbore586 @sdetweil last edited by

                  @sdetweil No longer get the error, but the icon’s still don’t show

                  S 1 Reply Last reply Reply Quote 0
                  • S
                    sdetweil @bicolorbore586 last edited by

                    @bicolorbore586 see this,
                    https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1666112801067

                    navigate to the calendar entry to see what the element looks like and if symbol is used…

                    Sam

                    Create a working config
                    How to add modules

                    B 1 Reply Last reply Reply Quote 0
                    • B
                      bicolorbore586 @sdetweil last edited by

                      @sdetweil
                      for comparison, using a UK holiday calendar, the default icon is present, but the sleigh for Christmas isn’t
                      dcf05251-9286-4f56-a08c-267e336adf2b-image.png
                      f0349f15-210f-4eda-a742-c66cc64f9524-image.png

                      6e48ef8e-a91a-446a-97ec-62139dd3c4c2-image.png
                      e9821091-6579-42cd-9f2e-103758d2e09c-image.png

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        sdetweil @bicolorbore586 last edited by

                        @bicolorbore586 interesting…

                        but they don’t contain the font awesome prefixes

                        				symbol.className = "fas fa-fw fa-" + s
                        

                        what version of MagicMirror are u on?

                        see the startup messages or
                        grep version ~/MagicMirror/package.json

                        for grins change the symbol in custom event entry to
                        ‘fa-swimming’

                        it will probably fail in ext3

                        Sam

                        Create a working config
                        How to add modules

                        B 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy