jf-roku/components/MovieItemDetails.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="MovieItemDetailScene" extends="Scene">
  <children>
    <LayoutGroup id="main_group" layoutDirection="horiz" >
      <Poster id="moviePoster"
        translation="[150,150]"
        width="400" height="600" />
      <LayoutGroup layoutDirection="vert" translation="[355, 150]" itemSpacings="[0, 10]">
        <Label id="title" />
        <LayoutGroup layoutDirection="horiz" itemSpacings="[10, 0]">
          <Label id="releaseYear" />
          <Label id="runtime" />
          <Label id="officialRating" />
          <Label id="communityRating" />
          <Label id="ends-at" />
        </LayoutGroup>
        <Label id="genres" />
        <Label id="director" />
        <Label id="video_codec" />
        <Label id="audio_codec" />
        <ButtonGroup id="buttons" layoutDirection="horiz" itemSpacings="[10, 0]">
          <Button text="Play" />
          <Button text="Delete" />
          <Button text="Watched" />
          <Button text="Favorite" />
        </ButtonGroup>
        <Label id="tagline" />
        <Label id="overview" />

      </LayoutGroup>
    </LayoutGroup>
  </children>
  <interface>
    <field id="itemContent" type="node" onChange="itemContentChanged" />
  </interface>
  <script type="text/brightscript" uri="pkg:/source/config.brs" />
  <script type="text/brightscript" uri="pkg:/source/JellyfinAPI.brs" />
  <script type="text/brightscript" uri="pkg:/components/MovieItemDetails.brs" />
  <script type="text/brightscript">
  <![CDATA[
  sub init()
    main = m.top.findNode("main_group")
    dimensions = m.top.getScene().currentDesignResolution

    main.translation=[50, 50]

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