Roku Developer Program

[whynotmatt]

I am trying to set the height of the overhang on a grid screen, but I cannot seem to make it happen. When I set the GridScreenOverhangHeightHD property, nothing happens. I've tried sizes ranging from 20 up to 100, but the overhang size never changes.

Does anyone know why the overhang height isn't changing?

Sub initGridTheme()

    app = CreateObject("roAppManager")
    theme = CreateObject("roAssociativeArray")

    theme.GridScreenLogoOffsetSD_X = "72"
    theme.GridScreenLogoOffsetSD_Y = "35"
    theme.GridScreenOverhangSliceSD = "pkg:/images/header_slice_sd.png"
    theme.GridScreenLogoSD  = "pkg:/images/logo.png"
    theme.GridScreenOverhangHeightSD = "90"
    

    theme.GridScreenLogoOffsetHD_X = "123"
    theme.GridScreenLogoOffsetHD_Y = "40"
    theme.GridScreenBackgroundColor = "#323232"
    theme.GridScreenOverhangHeightHD = "90"
    theme.GridScreenOverhangSliceHD = "pkg:/images/header_back_hd.png"
    theme.GridScreenLogoHD  = "pkg:/images/logo.png"
    
    
    app.SetTheme(theme)

End Sub

[whynotmatt]

bump.

[RokuJoel]

Overhang height is determined by the size of the images vertical dimensions. You need to set the GridScreenOverhangHeight to match your image size otherwise you might see content scroll above the top of your overhang on some TV sets.

- Joel

[whynotmatt]

This is what I am seeing. A grid screen is called when the app is launched. The app creates a poster facade screen (like the docs recommend) and then immediately loads this grid screen. The red box shows the extent of the overhang. I am confused on why the dotted background doesn't take up the whole overhang area. I am also confused on why the pager numbers are pushed up into the overhang and overlap the breadcrumbs.

The logo.png is 73 pixels high. So setting the overhang to 100px should be plenty of room.

These are the settings I am using.

app = CreateObject("roAppManager")
    theme = CreateObject("roAssociativeArray")

    theme.GridScreenLogoOffsetSD_X = "72"
    theme.GridScreenLogoOffsetSD_Y = "20"
    theme.GridScreenOverhangSliceSD = "pkg:/images/header_slice_sd.png"
    theme.GridScreenLogoSD  = "pkg:/images/logo.png"
    theme.GridScreenOverhangHeightSD = "100"
    

    theme.GridScreenLogoOffsetHD_X = "123"
    theme.GridScreenLogoOffsetHD_Y = "20"
    theme.GridScreenBackgroundColor = "#323232"
    theme.GridScreenOverhangHeightHD = "100"
    theme.GridScreenOverhangSliceHD = "pkg:/images/header_back_hd.png"
    theme.GridScreenLogoHD  = "pkg:/images/logo.png"
    
    theme.CounterSeparator = "#b4061c"
    
    
    app.SetTheme(theme)

Here is a screenshot: http://imgur.com/11GRe7w