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

custom.css not executed on return from GoogleAssistant. MMM-GoogleAssistant

Scheduled Pinned Locked Moved Troubleshooting
google assistant
23 Posts 4 Posters 4.8k 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.
  • G Offline
    gelaw @sdetweil
    last edited by Aug 31, 2020, 11:40 PM

    @sdetweil Thanks! I will try this and report back

    1 Reply Last reply Reply Quote 0
    • G Offline
      gelaw
      last edited by Sep 1, 2020, 10:34 PM

      @sdetweil I did a test with Google Chrome on a second machine. As far as I can tell I get the same response - that is on a return from GoogleAssistant it does not use my custom.css settings. Cntl-W has the same effect.
      I do not know how to work with the developers window. I opened the window, and the elements tab was open. I could not find the classes after that. I really do not know how to use the developers window. Can you point me to a write-up or tutorial on using the developers window?
      Thanks

      S ? 2 Replies Last reply Sep 1, 2020, 10:38 PM Reply Quote 0
      • S Offline
        sdetweil @gelaw
        last edited by sdetweil Sep 2, 2020, 1:49 PM Sep 1, 2020, 10:38 PM

        @gelaw I don’t know where to find any training.

        the elements tab shows the web page in the browser. ~/MagicMirror/index.html shows the format of the web page.

        mm puts content in ‘positions’ which are listed in the index.html

        when u get to an element, then u will see the classes used

        here I have navigated to the calendar and selected an element

        Screenshot_2020-09-02_00-17-54.png

        u can see the classes along the right edge, top to bottom, bottom is closer to main and custom.css
        top is closest to the element selected.
        You can see the class list left to right just above the console area, bottom of elements area (this machine doesn’t have an image editor on it so I can’t mark it up)

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        G 1 Reply Last reply Sep 2, 2020, 2:35 PM Reply Quote 0
        • ? Offline
          A Former User @gelaw
          last edited by A Former User Sep 2, 2020, 12:24 AM Sep 2, 2020, 12:09 AM

          @gelaw sure i use it ;)

          I will try something

          custom.css works with GA and other modules.
          So maybe, i think there is an error with your custom.css code

          try to correct it in real time, and past the new css code found

          custom.png

          1 Reply Last reply Reply Quote 0
          • G Offline
            gelaw @sdetweil
            last edited by Sep 2, 2020, 2:35 PM

            @sdetweil Thanks! I see it now. Here is what I found:
            When I start MM:
            52623d5c-e39f-481e-9542-ccf96281b5f8-image.png
            When I access GoogleAssistant:
            31abf49d-9b9d-464f-a157-88f2581257f9-image.png
            When the system exits GoogleAssistant and returns to MM the modified element.style persists and the position remains “fixed”.

            S 1 Reply Last reply Sep 2, 2020, 2:57 PM Reply Quote 0
            • S Offline
              sdetweil @gelaw
              last edited by Sep 2, 2020, 2:57 PM

              @gelaw very interesting… @Bugsounet what do you think? is iframe causing this?

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • G Offline
                gelaw
                last edited by Sep 2, 2020, 2:59 PM

                @Bugsounet Thanks! When I navigate to the location that you posted it do not see an entry for custom.css. Perhaps I have it in the wrong location? Or I missed a setting to activate this in GoogleAssistant or Assistant2Display?

                my custom.css file is simply:
                85a5a824-a846-4725-8ab3-796bca7242e8-image.png

                and it it located at /home/pi/MagicMirror/css

                ? 1 Reply Last reply Sep 2, 2020, 7:52 PM Reply Quote 0
                • ? Offline
                  A Former User
                  last edited by A Former User Feb 16, 2022, 9:40 PM Sep 2, 2020, 3:13 PM

                  This post is deleted!
                  G 1 Reply Last reply Sep 2, 2020, 3:22 PM Reply Quote 1
                  • G Offline
                    gelaw @Guest
                    last edited by Sep 2, 2020, 3:22 PM

                    @hango said in custom.css not executed on return from GoogleAssistant. MMM-GoogleAssistant:

                    maybe help this:

                    position: absolute !important;
                    

                    YES! That fixed my issue. Thanks!

                    G 1 Reply Last reply Sep 2, 2020, 6:45 PM Reply Quote 0
                    • G Offline
                      gelaw @gelaw
                      last edited by gelaw Sep 2, 2020, 6:46 PM Sep 2, 2020, 6:45 PM

                      @gelaw said in custom.css not executed on return from GoogleAssistant. MMM-GoogleAssistant:

                      @hango said in custom.css not executed on return from GoogleAssistant. MMM-GoogleAssistant:

                      maybe help this:

                      position: absolute !important;
                      

                      YES! That fixed my issue. Thanks!

                      @Bugsounet This made my display work, but it really is a brute force method. There must be a better solution. I still wonder what I missed in my original approach.

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        11/23
                        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