Group Control

The group control is one of the most important controls. It allows you to group controls together, applying attributes to all of them at once. It also remembers the last navigated button in the group, so you can set the of a control to a group of controls to have it always go back to the one you were at before. It also allows you to position controls more accurately relative to each other, as any controls within a group take their coordinates from the group's top left corner (or from elsewhere if you use the "r" attribute). You can have as many groups as you like within the skin, and groups within groups are handled with no issues.

Available tags
In addition to the Default Control Tags the following tags are available. Note that each tag is lower case only. This is important, as xml tags are case-sensitive.

Notes on positioning of controls within groups
All controls within a group take their positions relative to the group's placement. Thus, the group always requires its, , , and attributes to be defined. As this can be a pain to remember, anything that you don't specify will be inherited from it's parent group (or the main window).

By way of example, consider the first group within a PAL full screen window (720x576), and suppose we have so that the hasn't been defined. Then Kodi will automatically set the equal to 506 by inheriting this from the window's height of 576, less the amount.

You can align controls within a group to the right edge of the group, by using the "r" modifier to the and fields All the buttons have width 180, and are aligned 180 pixels from the right edge of the group they're within.