Forum Discussion

athi_joy's avatar
athi_joy
Streaming Star
5 years ago

Markupgrid item spacing issue

 Hi All,

I am trying to create a top menu tab using a markup grid. I am facing a problem with space between items.

top tabs are included All Movies Originals, Live Tv More and Plan. The space between All to Movies, movies to Originals .. is different. i want the space between each item to be constant. How can I solve this difference?

<MarkupGrid id = "topMenuTab" visible="true" translation="[302,70]" itemComponentName = "TopMenuItemTemplateCategory" numColumns ="6" itemSpacing="[20,20]"rowHeights="[32]" numRows="1" itemSize ="[100,32]" drawFocusFeedback ="false" />

in TopMenuItemTemplateCategory.xml  I'm displaying only label content

<Label
id="catName"
height="32"
visible="false"
color="#ffffff"/>

Roku Developer Program

3 Replies

  • dan19's avatar
    dan19
    Binge Watcher
    5 years ago

    Are you intending to have those topMenus as buttons(not with the Roku default button)?

      • dan19's avatar
        dan19
        Binge Watcher
        5 years ago

        I think you should consider making a custom button and using them in a LayoutGroup. Did you consider this step yet? 

        I am new to Roku dev, but I am currently using a custom button in a practice project that I am working on. If you need help with this, let me know, else, I don't know how to use a markupGrid as a button.