Forum Discussion

Uzair_Abdullah's avatar
Uzair_Abdullah
Streaming Star
3 years ago

Can't set background of InitialScreen

Hello, I am trying to set the background colour of my Initial screen through Brightscript:  m.top.backgroundURI = "" 'm.Top.backgroundcolor = "0xe231a3" m.top.backgroundColor = "0xe...
Roku Developer Program
speechles's avatar
speechles
Roku Guru
3 years ago

Screens do not come with backgrounds pre-built on them. You would build a full screen rectangle in the XML. Add an interface field for the backgrounduri to pass through. Then reference that rectangle inside the BRS using the m.top.backgrounduri to set as the URI for your rectangle which would be the background.

The interface field "backgrounduri" does not exist in the scope or component you are trying to access.

What exactly is initialscreen.brs? Does it have an initialscreen.xml along with it? Does that xml have an <interface> section with any <field> listed? Does it have a rectangle that is the background?

 

 

  • Uzair_Abdullah's avatar
    Uzair_Abdullah
    Streaming Star
    3 years ago

    Yeah, initial screen is the first screen that is displayed. It has its own InitialScreen.xml and InitialScreen.brs with an interface that has fields in it. 

     

    <?xml version="1.0" encoding="utf-8"?>
<component name="InitialScreen" extends="Group" initialFocus="exampleKeyboard">
  <script type="text/brightscript" uri="InitialScreen.brs" />
  <interface>
    <field id="reelButtonSelected" type="intarray" alwaysnotify="true"
      alias="searchReels.buttonSelected" />
  </interface>
  <children>
    <Label
      id="searchHeading"
      text="Search Instagram Hashtags"
      translation="[90, 90]"
      font="font:LargeBoldSystemFont"
    />

    <MiniKeyboard
      id="exampleKeyboard"
      translation="[100, 150]"
    />
    <Button
      id="searchReels"
      text="Search"
      showFocusFootprint="true"
      minWidth="140"
      translation="[200,620]"
      opacity="1.0"
    />

    <Label
      id="queryHeading"
      text="Recent Searches:"
      translation="[640, 90]"
      font="font:LargeBoldSystemFont"
    />

    <LabelList translation="[640,150]" id="queryList" itemSize="[130,50]" numRows="10" />

  </children>

</component>

     

    Although I did the exact same thing in a screen saver, where I set the background to black using the same two lines. A solution online does the same thing. And back then, there was no interface with fields in it.