MythUI XML Examples

From MythTV Official Wiki
Revision as of 13:17, 26 August 2008 by GBee (talk | contribs) (Simple Multi-column list)

Jump to: navigation, search

For documentation of the mythui theme format, see:

This page will hold a few examples of different layouts possible.


Example of how a mythui list can be styled. Not the following example.



Total widget area, includes arrows which should always displayed for touchscreens


Spacing between entries. Zero is the default. (Optional)


Grid, Horizontal,Vertical. Vertical is the default (Optional)


Free, Center. Free is the default (Optional)


Area relative to the total area that the buttons may use, the rest is free for arrows

<statetype name="buttonitem">

Describes the layout, content of the buttons

Use of named textareas

Every button has a default textarea, buttontext but in addition you can define an infinite number of textareas which can be referred to by name in SetText() e.g.

m_buttonList->SetText("This is the default textarea");
m_buttonList->SetText("This is column one", "column1");
m_buttonList->SetText("This is column two", "column2");

I suggest giving them more meaningful names, i.e. If they display name and description of a video then "title", "description" would be clearer to the themer.


Simple Multi-column list

<buttonlist2 name="column_example" from="basebuttonlist2">
   <statetype name="buttonitem">
       <state name="active">
           <statetype name="buttoncheck">
           <textarea name="column1" from="buttontext">
           <textarea name="column2" from="buttontext">
       <state name="selected" from="active">
           <textarea name="column1" from="buttontext" /> <!-- Picks up font change in selected state -->
           <textarea name="column2" from="buttontext" />

N.B. This example inherits from basebuttonlist which saves us defining the checkbox images, fonts, arrows etc. These can all be overridden.