Developers

[athi_joy]

 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"/>

[dan19]

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

[athi_joy]

yes

[dan19]

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.