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.

    CalendarExt3Journal CSS modification

    Scheduled Pinned Locked Moved Solved Troubleshooting
    6 Posts 3 Posters 390 Views 3 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.
    • J Offline
      jlward73
      last edited by

      @MMRIZE
      I’ve got the Journal displaying properly and have been able to modify of few things in the CSS file, but something I have not been able to figure out is if I can put a noticeable white border around the complete day, similar to how you in CX3 with the line CX3 .cell.today. Is there a way to isolate the entire day’s column? I tired playing with the .daycell and .fulldayCell classes, but those did not work.
      Additionally, is there a way to figure out what some of the later classes are such as .canton, .index, and .gridCell.
      I have been learning a lot from you and @sdetweil, so thank you for all the guidance and your quick response. The mirror I have built with your help has been helping my family keep our crazy schedule in check a little better lately.

      M 2 Replies Last reply Reply Quote 0
      • M Offline
        MMRIZE @jlward73
        last edited by

        @jlward73

        Is there a way to isolate the entire day’s column?

        It is not supported. Well, at least not in a simple, easy way. But I’ll add that in the next update soon.

        canton means the top-left corner of the table. I’m not sure of the exact term in native English. :)
        index means hour-index(left edged) of the table.
        gridCell means the table’s rectangle grid (usually 30 minutes of the day).

        S J 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @MMRIZE
          last edited by

          @MMRIZE said in CalendarExt3Journal CSS modification:

          canton means the top-left corner of the table. I’m not sure of the exact term in native English. :)

          from stackexchange, second answer

          https://english.stackexchange.com/questions/182229/name-for-the-top-left-cell-of-a-table

          but its not exactly the top left cell, so that is called the first cell (in ltr languages)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • J Offline
            jlward73 @MMRIZE
            last edited by

            @MMRIZE
            Thanks. I’ll keep my eye out for an update. Thanks again for all the great modules.

            1 Reply Last reply Reply Quote 0
            • J jlward73 has marked this topic as solved on
            • M Offline
              MMRIZE @jlward73
              last edited by

              @jlward73
              I updated CX3J to 1.0.1 to represent more detailed selectors. And by default, the border would be shown on today’s column.

              7a802862-a855-4daa-9da1-7cf7943669b5-image.png

              J 1 Reply Last reply Reply Quote 0
              • J Offline
                jlward73 @MMRIZE
                last edited by

                @MMRIZE
                Awesome. I’ll update and tinker around. Thanks again.

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