<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Table width, how do I increase it?]]></title><description><![CDATA[<p dir="auto">How do I increase the text width on my module? I want to show the album art and info, but the info gets broken up into multiple lines.</p>
<p dir="auto">Below is part of my code and a picture of what happens. The “meta_html” is the table I want to change</p>
<pre><code>	getDom: function() {
		var wrapper = document.createElement("div");
		var albumart_html = '';
		var meta_html = '';
		var html = "&lt;div class='player bright scrobbler-"+this.config.alignment+"'&gt;";

		albumart_html += "&lt;div class='album-art-container'&gt;&lt;div class='album-art'&gt;&lt;img src='"+ this.image +"' width='150'&gt;&lt;/div&gt;&lt;/div&gt;";
		meta_html += "&lt;div class='meta'&gt;&lt;table class='small'&gt;&lt;tr class='track-name bright'&gt;&lt;td&gt;"+this.title+"&lt;/td&gt;&lt;/tr&gt;&lt;tr class='artist-name'&gt;&lt;td&gt;"+this.artist +"&lt;/td&gt;&lt;/tr&gt;&lt;tr class='album-name dimmed'&gt;&lt;td&gt;"+this.album+"&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;";
		html += albumart_html;
		html += meta_html;
		
		html += "&lt;/div&gt;";
		wrapper.innerHTML = html;

		//var wrapper = document.createElement("div");
		//wrapper.innerHTML = this.config.text;
		return wrapper;

		
	},
</code></pre>
<p dir="auto"><img src="/assets/uploads/files/1600270378427-9d726ef9-08f2-4773-9b2a-7e51dbcbfdae-image.png" alt="9d726ef9-08f2-4773-9b2a-7e51dbcbfdae-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/topic/13684/table-width-how-do-i-increase-it</link><generator>RSS for Node</generator><lastBuildDate>Fri, 15 May 2026 17:27:19 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/13684.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 16 Sep 2020 15:38:40 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Table width, how do I increase it? on Wed, 16 Sep 2020 19:06:27 GMT]]></title><description><![CDATA[<p dir="auto">I set my table with a variable width using a percentage for my module.</p>
<p dir="auto"><a href="https://www.w3schools.com/tags/tag_table.asp" target="_blank" rel="noopener noreferrer nofollow ugc">https://www.w3schools.com/tags/tag_table.asp</a>  is a good place to start, and you can then adjust things like the <code>&lt;td&gt;</code> tag as needed.</p>
<p dir="auto"><a href="http://jsfiddle.net" target="_blank" rel="noopener noreferrer nofollow ugc">jsfiddle.net</a> is a good place to play, as well, FYI. You can build your JS up and get it working, then all ya gotta do is translate to MM spec.</p>
]]></description><link>https://forum.magicmirror.builders/post/81892</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/81892</guid><dc:creator><![CDATA[BKeyport]]></dc:creator><pubDate>Wed, 16 Sep 2020 19:06:27 GMT</pubDate></item></channel></rss>