Roku Developer Program

Developers and content creators—a complete solution for growing an audience directly.
cancel
Showing results for 
Search instead for 
Did you mean: 
whynotmatt
Level 7

GridScreenOverhangHeightHD Ignored?

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
0 Kudos
3 Replies
whynotmatt
Level 7

Re: GridScreenOverhangHeightHD Ignored?

bump.
0 Kudos
Roku Employee
Roku Employee

Re: GridScreenOverhangHeightHD Ignored?

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
0 Kudos
whynotmatt
Level 7

Re: GridScreenOverhangHeightHD Ignored?

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
0 Kudos