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

MMM-Scrobbler CSS

Scheduled Pinned Locked Moved Development
16 Posts 5 Posters 8.4k Views 6 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.
  • P Offline
    PtrBld Module Developer
    last edited by PtrBld Sep 13, 2017, 2:46 PM Sep 13, 2017, 2:10 PM

    Ok, now it is clear.
    I just updated the module and you should now be able to use the key “alignment” in your config.

    {
    			
    	module: 'MMM-Scrobbler',
    	
    	position: 'top_right',
    	config: {
    		username: 'Last.fm username',
    	        apikey: 'Last.fm api key',
    		//time interval to search for new song (every 15 seconds)
    		updateInterval: 15 * 1000,
    		//how often should we try to retrieve a song if not listening
    		delayCount: 5,
    		//time interval to search for new song if the 5 times not listening is received.
    		//set this to the same number as updateInterval to ignore this option	
    		delayInterval: 120*1000,
    		animationSpeed: 1000,
    		showAlbumArt: true,
    	    	showMetaData: true,
    		//Determines the position of the meta text. Possible values: top, bottom, left, right
    		alignment: "bottom", 
    		}
    	
    }
    

    This is not tested since I do not have a mirror atm but it should work ;)

    1 Reply Last reply Reply Quote 0
    • S Offline
      spwood100
      last edited by Sep 13, 2017, 2:20 PM

      You are an absolute legend, let me pull the latest version and I will test and let you know

      1 Reply Last reply Reply Quote 0
      • P Offline
        PtrBld Module Developer
        last edited by Sep 13, 2017, 2:26 PM

        if you want the meta text centered you need to add

        .right > .meta {
            /* margin-left: 16px; */
            margin: auto 16px;
        }
        

        to your css.

        J 1 Reply Last reply Sep 13, 2017, 5:11 PM Reply Quote 0
        • S Offline
          spwood100
          last edited by Sep 13, 2017, 3:33 PM

          Works like a dream with just a few “nuances” such as if you have it on the right side of the screen with the meta data to the right of the image, the meta data disappears off the screen and I suspect the same with the left. Otherwise its really good … thanks so mch!!!

          1 Reply Last reply Reply Quote 0
          • J Offline
            j.e.f.f Project Sponsor Module Developer @PtrBld
            last edited by Sep 13, 2017, 5:11 PM

            @PtrBld said in MMM-Scrobbler CSS:

            if you want the meta text centered you need to add
            .right > .meta {
            /* margin-left: 16px; */
            margin: auto 16px;
            }

            to your css.

            It’s a good idea to add the module’s name to this rule so that it does not accidentally affect another module that coincidentally happens to use the same class names. Something like this:

            .module.MMM-Scrobbler .right > .meta {
                /* margin-left: 16px; */
                margin: auto 16px;
            }
            
            1 Reply Last reply Reply Quote 0
            • S Offline
              spwood100
              last edited by Sep 13, 2017, 5:59 PM

              Thanks @PtrBld for you lightning quick turn around of this one and to @j-e-f-f for the extra advice, much appreciated

              1 Reply Last reply Reply Quote 0
              • S Offline
                SoleLo @spwood100
                last edited by Jul 3, 2018, 6:55 PM

                @spwood100 how did you get the “Spotify Music” header at the top of it?

                Y 1 Reply Last reply Jul 4, 2018, 8:09 AM Reply Quote 0
                • Y Offline
                  yawns Moderator @SoleLo
                  last edited by yawns Jul 4, 2018, 8:11 AM Jul 4, 2018, 8:09 AM

                  @solelo said in MMM-Scrobbler CSS:

                  @spwood100 how did you get the “Spotify Music” header at the top of it?

                  Please try this:

                  {
                  			
                  	module: 'MMM-Scrobbler',
                  	header: 'Spotify Music', // <<<<<<
                  	position: 'top_right',
                  	config: {
                  
                  		username: 'Last.fm username',
                  	
                  		apikey: 'Last.fm api key',
                  	
                  		//time interval to search for new song (every 15 seconds)
                  		updateInterval: 15 * 1000,
                  		//how often should we try to retrieve a song if not listening
                  		delayCount: 5,
                  		//time interval to search for new song if the 5 times not listening is received.
                  		//set this to the same number as updateInterval to ignore this option	
                  		delayInterval: 120*1000,
                  		animationSpeed: 1000,
                  		showAlbumArt: true,
                  	    	showMetaData: true,
                  		//Determines the position of the meta text. Possible values: top, bottom, left, right
                  		alignment: "bottom", 
                  		}
                  	
                  }
                  
                  S 1 Reply Last reply Jul 4, 2018, 7:20 PM Reply Quote 0
                  • S Offline
                    SoleLo @yawns
                    last edited by Jul 4, 2018, 7:20 PM

                    @yawns that worked perfect. Now it’s blocking the bottom MyCommute module, any ideas how to get that fixed?

                    0_1530732002100_1de39f6e-2620-4867-860e-8175f194ba74-Screen Shot 2018-07-04 at 12.18.22 PM 🌚.png
                    Screen Shot 2018-07-04 at 12.18.22 PM 🌚

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      spwood100
                      last edited by Jul 5, 2018, 6:52 AM

                      @SoleLo , add the following into the module config

                      header:

                      So for example

                      module: ‘MMM-Scrobbler’,

                      position: 'top_right',
                      header: 'insert your text here'
                        config: {
                      

                      Should work, let me know if it doesnt

                      S 1 Reply Last reply Jul 5, 2018, 3:00 PM 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 Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy