<screen name="HandbookSkinLab_service-grid" position="0,0" size="1280,720" resolution="1280,720" flags="wfNoBorder" backgroundColor="#00101928" animationMode="off">
  <eLabel position="48,24" size="1184,32" font="Regular;22" text="OpenATV / Developer / Advanced Skin Lab" foregroundColor="#005BD4EC" transparent="1" zPosition="2" />
  <eLabel position="48,70" size="1184,52" font="Regular;36" text="Modern list: grid cards" foregroundColor="#00FFFFFF" transparent="1" zPosition="2" />
  <eLabel position="48,130" size="1184,60" font="Regular;23" text="The same six sample services and native ServiceList; geometry comes from the XML template." foregroundColor="#00BDCADA" transparent="1" zPosition="2" />
  <!-- example:start -->
  
  <widget name="list" position="48,214" size="1184,360" backgroundColor="#00101928" foregroundColor="#00FFFFFF" backgroundColorSelected="#00101928" foregroundColorSelected="#005BD4EC" scrollbarMode="showNever">
    <templates>
      <template component="serviceList" name="HandbookGrid" fonts="Regular;24,Regular;20">
        <mode name="services" itemWidth="384" itemHeight="176" orientation="grid">
          <rectangle position="4,4" size="376,168" foregroundColor="#001C2B40" foregroundColorSelected="#00364E69" cornerRadius="10" />
          <text index="ServiceName" position="20,12" size="344,34" font="0" foregroundColor="#00FFFFFF" foregroundColorSelected="#005BD4EC" wrap="ellipsis" />
          <text position="20,65" size="344,58" font="1" text="Card layout / sample service" foregroundColor="#00BDCADA" wrap="wrap" />
          <text position="20,132" size="344,26" font="1" text="No receiver state is changed" foregroundColor="#00F3C86A" />
        </mode>
<mode name="bouquets" itemWidth="384" itemHeight="176" orientation="grid">
          <rectangle position="4,4" size="376,168" foregroundColor="#001C2B40" foregroundColorSelected="#00364E69" cornerRadius="10" />
          <text index="ServiceName" position="20,12" size="344,34" font="0" foregroundColor="#00FFFFFF" foregroundColorSelected="#005BD4EC" wrap="ellipsis" />
          <text position="20,65" size="344,58" font="1" text="Card layout / sample service" foregroundColor="#00BDCADA" wrap="wrap" />
          <text position="20,132" size="344,26" font="1" text="No receiver state is changed" foregroundColor="#00F3C86A" />
        </mode>
<mode name="other" itemWidth="384" itemHeight="176" orientation="grid">
          <rectangle position="4,4" size="376,168" foregroundColor="#001C2B40" foregroundColorSelected="#00364E69" cornerRadius="10" />
          <text index="EntryName" position="20,12" size="344,34" font="0" foregroundColor="#00FFFFFF" foregroundColorSelected="#005BD4EC" wrap="ellipsis" />
          <text position="20,65" size="344,58" font="1" text="Card layout / sample service" foregroundColor="#00BDCADA" wrap="wrap" />
          <text position="20,132" size="344,26" font="1" text="No receiver state is changed" foregroundColor="#00F3C86A" />
        </mode>
      </template>
    </templates>
  </widget>
  <eLabel position="48,600" size="1184,44" font="Regular;23" text="orientation=&quot;grid&quot;   itemWidth=&quot;384&quot;   itemHeight=&quot;176&quot;" foregroundColor="#00F3C86A" transparent="1" zPosition="2" />

  <!-- example:end -->
  <eLabel position="48,664" size="1184,32" font="Regular;20" text="LEFT / RIGHT: examples     EXIT: close     Design grid: 1280 x 720" foregroundColor="#0099ADCA" transparent="1" zPosition="2" />
</screen>
