Add placeholders & move title down

components/ItemGrid/MusicArtistGridItem.brs

@@ -23,6 +23,14 @@ sub itemContentChanged()
 
     if not isValid(itemData) then return
 
+    if LCase(itemData.type) = "musicalbum"
+        m.backdrop.uri = "pkg:/images/icons/album.png"
+    else if LCase(itemData.type) = "musicartist"
+        m.backdrop.uri = "pkg:/images/missingArtist.png"
+    else if LCase(itemData.json.type) = "musicgenre"
+        m.backdrop.uri = "pkg:/images/icons/musicFolder.png"
+    end if
+
     m.itemPoster.uri = itemData.PosterUrl
     m.posterText.text = itemData.title
 

components/ItemGrid/MusicArtistGridItem.xml

@@ -3,8 +3,8 @@
   <children>
     <Poster id="backdrop" translation="[0,15]" width="280" height="280" loadDisplayMode="scaleToZoom" uri="pkg:/images/white.9.png" />
     <Poster id="itemPoster" translation="[0,15]" width="280" height="280" loadDisplayMode="scaleToZoom" />
-    <Rectangle id="postTextBackground" height="50" width="250" color="0x000000DD" translation = "[15, 130]">
-      <ScrollingLabel id="posterText" color="#FFFFFF" maxWidth="250" height="50" horizAlign="center" vertAlign="center" />
+    <Rectangle id="postTextBackground" height="50" width="270" color="0x000000DD" translation = "[5, 240]">
+      <ScrollingLabel id="posterText" color="#FFFFFF" maxWidth="270" height="50" horizAlign="center" vertAlign="center" />
     </Rectangle>
   </children>
   <interface>

components/ItemGrid/MusicLibraryView.brs

@@ -217,7 +217,9 @@ sub setMusicOptions(options)
     ]
 
     if LCase(m.options.view) = "genres" or LCase(m.view) = "genres"
-        options.sort = []
+        options.sort = [
+            { "Title": tr("TITLE"), "Name": "SortName" },
+        ]
         options.filter = []
     end if