Alright here we go odp!
In composer you add 9 theme buttons. I took the amount you have on the screenshot! Name them like this:
Theme_button_1
Theme_button_2
etc etc
Then when you are done with all of this add this line of code right underneath Theme_button_1 in the svg file you made:
<image id="Status_text"
x="-160"
y="98"
width="60"
height="15"
xlink:href="x-object:/EntryDescription?showname&width=60&height= 15&font-family=Calibri&font-style=plain&font-size=14&fill=white&id=slot0&align=left &showinfo=center"/>
The x and y changes the position of the text on your homescreen play with that to make sure it is where you want it. The size changes the size of the text "logic".
When you change the size also change height and width to make sure it fits in there!!
Check out my code and the screenshot for further info:
Screen:
Code:
<g id="Theme_Button_1"
transform="translate(-0.5 -1)">
<image id="Status_text"
x="-160"
y="98"
width="60"
height="15"
xlink:href="x-object:/EntryDescription?showname&width=60&height= 15&font-family=Calibri&font-style=plain&font-size=14&fill=white&id=slot0&align=left &showinfo=center"/>
<!-- pz:tag type="button" -->
<g id="Theme_Button_1-Contents">
<!-- pz:tag type="layer" -->
<g id="Theme_1">
<image id="img_1_1_139"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_11_1_140"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_21_1_141"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_31_1_142"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
</g>
</g>
</g>
<g id="Theme_Button_2"
transform="translate(-0.5 -31)">
<image id="Status_text_2"
x="-160"
y="98"
width="60"
height="15"
xlink:href="x-object:/EntryDescription?showname&width=60&height= 15&font-family=Calibri&font-style=plain&font-size=14&fill=white&id=slot1&align=left &showinfo=center"/>
<!-- pz:tag type="button" -->
<g id="Theme_Button_2-Contents">
<!-- pz:tag type="layer" -->
<g id="Theme_1_18">
<image id="img_1_1_143"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_11_1_144"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_21_1_145"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
<image id="img_31_1_146"
x="-30" y="-15" width="60" height="30"
xlink:href="Images/Theme_1_img_1_1.png" visibility="hidden"
transform="translate(-131 106)"/>
</g>
</g>
</g>
Hope this helps. Any more info just ask!