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

Documentation Suggestion

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 893 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.
  • S Offline
    sdetweil @Tippon
    last edited by Apr 15, 2021, 2:49 AM

    @tippon said in Documentation Suggestion:

    Could I politely ask that an example of two changes

    what does that mean?

    the doc gives a seemingly good example

    customEvents	An array of keyword/symbol/color that will customize events based on keyword in title.
    
    keyword is a case-insensitive string that if present in event title will trigger the use of custom symbol and/or color for that event, symbol is the Font Awesome icon to use as symbol and color is the CSS color to use for the event. keyword and at least one of symbol and coloris required.
    
    Example: customEvents: [{keyword: 'Birthday', symbol: 'fa-birthday-cake', color: 'Gold'}]
    

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    T 1 Reply Last reply Apr 15, 2021, 3:03 AM Reply Quote 0
    • T Offline
      Tippon @sdetweil
      last edited by Tippon Apr 15, 2021, 3:04 AM Apr 15, 2021, 3:03 AM

      @sdetweil What I meant was, could it show how to put in two or more custom events, like this:

      customEvents: [
      			{keyword: 'Birthday', symbol: 'fa-birthday-cake', color: 'Gold'},
      			{keyword: 'Clinic', symbol: 'biohazard', color: 'Green'}],
      

      It might just be me getting confused, but because there are a few different elements and they are separated in different ways, I got mixed up trying to add multiple events. For example, I wasn’t sure if each event needed it’s own line, like:

      customEvents: [{keyword: 'Birthday', symbol: 'fa-birthday-cake', color: 'Gold'},
      customEvents: [{keyword: 'Clinic', symbol: 'biohazard', color: 'Green'}],
      

      or if I could put multiple keywords onto one line, like:

      customEvents: [{keyword: 'Birthday' 'Party', symbol: 'fa-birthday-cake', color: 'Gold'},
      

      It’s probably a bit daft, but I get confused more easily these days :dizzy_face: :)

      Please forgive me if I'm slow to reply, I'm currently experiencing memory issues, and sometimes forget that I've asked a question >.<

      S 2 Replies Last reply Apr 15, 2021, 3:10 AM Reply Quote 0
      • S Offline
        sdetweil @Tippon
        last edited by Apr 15, 2021, 3:10 AM

        @tippon ok, the words are new…, but once u learn them

        array mean this [ ]

        so, ANY , one or multiple must be inside the []

        then it says a combo of matching string/icon/color
        so that is an object , which is {}
        things, with key:value, key:value, key:value pattern
        { key:value, key:value, key:value }

        and that is what the example shows, except for the second one, but continue (more to follow) is , (comma)

        [ ---- begin
        first ,
        second,
        third
        ] ---- end

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Tippon
          last edited by Apr 15, 2021, 3:17 AM

          @tippon one more tool to use

          when u are confused, use separate lines for the parts… the compiler will handle it

          [
          { …}
          ,
          { …}
          ,
          { …} (notice the lack of the ‘more to follow’ comma)

          ]

          u can combine them back together later with your editor… (if u want )

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          T 1 Reply Last reply Apr 16, 2021, 11:24 PM Reply Quote 1
          • T Offline
            Tippon @sdetweil
            last edited by Apr 16, 2021, 11:24 PM

            @sdetweil Thank you for the advice :)

            Thank you too for being patient with me. I’m finding that I’m struggling more than usual recently when I try to learn something new, and you’ve been very helpful with your replies to my questions :)

            Please forgive me if I'm slow to reply, I'm currently experiencing memory issues, and sometimes forget that I've asked a question >.<

            S 1 Reply Last reply Apr 17, 2021, 12:14 AM Reply Quote 0
            • S Offline
              sdetweil @Tippon
              last edited by Apr 17, 2021, 12:14 AM

              @tippon my pleasure…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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