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

Applying CSS to individual cells in a table

Scheduled Pinned Locked Moved Custom CSS
7 Posts 3 Posters 1.2k 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.
  • S Offline
    sdetweil @ankonaskiff17
    last edited by Aug 30, 2021, 1:58 AM

    @ankonaskiff17 that’s just setting the content of that tag

    innerText is treated as text and never analyzed.
    innerHtml says it may contain html.

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    A 1 Reply Last reply Aug 30, 2021, 9:02 PM Reply Quote 0
    • A Offline
      ankonaskiff17 @sdetweil
      last edited by Aug 30, 2021, 9:02 PM

      @sdetweil What is “jumpy”? Is it similar to say moment.js or other similar libraries? I know I read a bunch of stuff relating to moment.js battling with the calendar module to see if I could figure out how to make the calendar module just show a date which I failed to succeed in doing.

      S C 3 Replies Last reply Aug 30, 2021, 10:05 PM Reply Quote 0
      • S Offline
        sdetweil @ankonaskiff17
        last edited by sdetweil Aug 30, 2021, 10:14 PM Aug 30, 2021, 10:05 PM

        @ankonaskiff17 those are just names of variables

        var xjumpy = document.createElement(“th”);
        var ajumpy = document.createElement(“th”);
        var bjumpy = document.createElement(“th”);

        no idea why he called them that name

        so xjumpy is a th
        and ajumpy is also
        and bjumpy is also

        I would have called them
        stationColumnHeader
        priceColumnHeader
        distanceColumnHeader

        i have this little function i use when doing the content via elements

               // create document element worker
        	createEl : function (type, id, className, parent, value) {
        		var el= document.createElement(type)
        		if(id)
        			el.id = id
        		if(className)
        			el.className = className
        		if(parent)
        			parent.appendChild(el)
        		if(value) {
        			var e = document.createTextNode(value)
        			el.appendChild(e)
        		}
        
        		return el
        	},
        

        u can create and element, set its id, add a class, set its parent and add its value all in one stmt… reduces the size of the code u write, (but not the amount of code you execute)

        from my bdlist module ,using it

        	var table = this.createEl("table", "birthday-table","TABLE", wrapper, null);
        

        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 @ankonaskiff17
          last edited by Aug 30, 2021, 10:13 PM

          @ankonaskiff17 said in Applying CSS to individual cells in a table:

          I could figure out how to make the calendar module just show a date which I failed to succeed in doing.

          what do you want to do there?

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          A 1 Reply Last reply Aug 31, 2021, 11:15 AM Reply Quote 0
          • C Offline
            cowboysdude Module Developer @ankonaskiff17
            last edited by Aug 31, 2021, 10:40 AM

            @ankonaskiff17 Called boredom LOL

            1 Reply Last reply Reply Quote 0
            • A Offline
              ankonaskiff17 @sdetweil
              last edited by Aug 31, 2021, 11:15 AM

              @sdetweil Have it read MM/DD/YY, even on the day of event.
              Either 6 or 7 days out from calendar event, the date swaps from MM/DD/YY to Monday at 12:00 AM. (For US Labor Day holiday, in this case)
              hideTimegets me to it just showing Monday.

              I thought getRelative: 0, was used to do what I want it to do, You have option of from between 0 - 48 hours with default being 6 hours it goes to relative time. It is swapping at about 6 - 7 DAYS in reality. Maybe just a coincidence but it seems like the default getRelative: 6;is 6 days, not hours, and setting it to zero has no effect.

              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