@mozaku Have you had a look at MMM-Touch? It might be a way of giving other modules touch interaction.

I’ve given a few modules touch support and I’m working on more of them. E.g. MMM-Keyboard already has, MMM-AVStock will have touch support. I’d rather keep that function inside the modules.
Not sure how your other apporach would look but I’m not too fond of using iframes. Would rather setup a proper smarthome module.
What are you trying to integrate for your smarthome appliance?

@fabian2
have a look into the MMM-PaprikaMenu.css, then find out the respective font sizes.
In this case there’s e.g.

.MMM-PaprikaMenu table.menu {
  font-size: 17px;
  line-height: 1;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.MMM-PaprikaMenu .menu .date {
  font-size: 14px;
}

.MMM-PaprikaMenu .menu .meal {
  font-size: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MMM-PaprikaMenu .menu .today .date {
  font-size: 17px;
}

.MMM-PaprikaMenu .menu .today .meal {
  color: #FFF;
  font-size: 24px;
}

Not ure if I have all.

You can now

1. comment the font-size lines e.g. with a # in front of them, so they adapt to MagicMirror font sizes
2. copy them to custom.css and adjust font sizes.

Font size, like all css properties are interpreted top to down, so if you give the module(or the .MMM-PaprikaMenu class) a font-size, the property will be overwritten by the same property of every child element (e.g. by the font-size of .MMM-PaprikaMenu .menu .date).

@tippon The reason is that the .indexOf()function searches a string for a character pattern, not for a word.
You could try to include spaces, have it search for 'live ' and/or ' live'

@skuethe said in MMM-Spotify:

what adjustments did you do to the picture and text sizes? This is currently still an open topic on my side - so if it is some general improvement for the module feel free to also create a PR for that

My suggestions , generally as well as for mini mode:

• font sizes are hardcoded here, I would rather use the MM classes as reference from main.css. Meaning: giving the module and sub-elements a class “small”, “xsmall” by including the config option classes. I have done that already and works well.
• adjustable cover size.
• option to hide module when nothing is played
• spotify label small and more dimmed (like in MMM-NowPlayingOnSpotify

All of the above is not difficult to manage I guess.

A problem with the module is in my point of view the coding. It’s difficult for me to adept to sean’s style, e.g. leaving semicola completely out, indenting only with 2 spaces. But tha can be managed of course

Let me know what you like to see as PR

@lavolp3 said in MMM-Spotify:

Also, Volume is always at 100% for me. Played from the android app. API issue?

Confirmed API issue. Spotify API returns volume 100%, which is not the case in the app itself. Unfortunately.
Am I the only one having this issue?

@skuethe
Module looks like this for me know

width a width of 500.

I unfortunately don’t know what you exactly mean by “the scrolling title”. Could you elaborate?

You see it here. I’d need to see the rest of the title. It could scroll. That is already implemented in the minibar I think.

Also, Volume is always at 100% for me. Played from the android app. API issue?

@luizcarlosnery Hi @skuethe, first of all: great module.

I have set style: "mini" in my config which works well. However I have made some adjustments to picture size and text size in custom.css.
But I’m missing the scrolling title in this mode.

Also, what happens to minibar mode.
I understand you plan to remove that?

I have also corrected one issue resulting in an error if you’re not showing the account name, will send a PR on github for that.

@carlslylike1 Interesting. Never experienced this while posting config extracts.

@carlslylike1 Next time, try to provide the config entry and the two modules around it so we can debug it.
Also, look into the link in my signature for troubleshooting advice.
My first troubleshooting action would be

npm run config:check

and send the resuls here if you don’t understand yourself

@jacktar Here is the underlying function

	/* complimentFile(callback)
	 * Retrieve a file from the local filesystem
	 */
	complimentFile: function (callback) {
		var xobj = new XMLHttpRequest(),
			isRemote = this.config.remoteFile.indexOf("http://") === 0 || this.config.remoteFile.indexOf("https://") === 0,
			path = isRemote ? this.config.remoteFile : this.file(this.config.remoteFile);
		xobj.overrideMimeType("application/json");
		xobj.open("GET", path, true);
		xobj.onreadystatechange = function () {
			if (xobj.readyState === 4 && xobj.status === 200) {
				callback(xobj.responseText);
			}
		};
		xobj.send(null);
	},

Whenever you use a “http://” or “https://” path it takes the path as you have provided. If not it converts it to an absolute path using the this.file(this.config.remoteFile) method. This method uses the modules directory (like you can see in my post above) and appends the path you have given