jf-roku/components/tvshows/details.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="TVShowItemDetailScene" extends="Scene">
  <children>
    <LayoutGroup id="main_group" layoutDirection="horiz" >
      <Poster id="tvshowPoster"
        translation="[150,150]"
        width="400" height="600" />
      <LayoutGroup layoutDirection="vert" translation="[355, 150]" itemSpacings="[25]">
        <Label id="title" font="font:LargeBoldSystemFont" />
        <LayoutGroup layoutDirection="horiz" itemSpacings="[150]">
          <Label id="releaseYear" />
          <Label id="officialRating" />
          <Label id="communityRating" />
        </LayoutGroup>
        <Label id="genres" />
        <ButtonGroupHoriz id="buttons" itemSpacings="[10]">
          <Button text="Play" id="play-button" />
          <Button text="Shuffle" id="shuffle-button" />
          <Button text="Watched" id="watched-button" />
          <Button text="Favorite" id="favorite-button" />
        </ButtonGroupHoriz>
        <Label id="tagline" />
        <Label id="overview" />
        <Label id="history" />

      </LayoutGroup>
    </LayoutGroup>
    <!-- Next Up -->
    <TVSeasonRow id="TVSeasonSelect" visible="true" />
  </children>
  <interface>
    <field id="itemContent" type="node" onChange="itemContentChanged" />
  </interface>
  <script type="text/brightscript" uri="pkg:/components/tvshows/details.brs" />
  <script type="text/brightscript">
  <![CDATA[
  sub init()
    main = m.top.findNode("main_group")
    seasons = m.top.findNode("TVSeasonSelect")
    dimensions = m.top.getScene().currentDesignResolution

    main.translation = [50, 50]
    ' TODO - validate this height against the height of main
    seasons.translation = [50, 800]

    m.top.findNode("buttons").setFocus(true)
  end sub
  ]]>
  </script>
</component>