zholmes1 zholmes1 - 9 days ago 5
Javascript Question

tvOS: <grid> with lockup titles always visible (not just on highlight)

I'm using the catalogTemplate available for tvOS. In the relatedContent area (populated by a grid), I need the lockups to always show the video title. Currently, it only displays when the item is highlighted. Is there any way to fix this?

Here is my TVML. (The data from the backend is rendered by Mustache.js)

<?xml version="1.0" encoding="UTF-8" ?>
<document>
<catalogTemplate theme="dark">
<banner>
<title style="color: rgb(255, 255, 255); tv-align: left; font-size: 40; padding: 50; font-weight: bold;">Categories</title>
</banner>
<list>
{{#data.categories}}
<section>
<listItemLockup>
<title style="font-size: 30;">{{category}}</title>
<relatedContent>
<grid>
<header>
<title style="font-weight: bold;">{{category}}</title>
</header>
<section>
{{#videos}}
<lockup videoURL="{{video_url}}">
<img src="{{thumbnail_url}}" width="300" height="169" />
<title>{{title}}</title>
</lockup>
{{/videos}}
</section>
</grid>
</relatedContent>
</listItemLockup>
</section>
{{/data.categories}}
</list>
</catalogTemplate>
</document>

Answer

While not ideal, I was able to accomplish this by using a instead of to display the video title.