Need Help with "List" Controls
#1
Ok here's my dilema.

I'm trying to create my own skin (obviously) and am trying to use a wraplist.

below is the entirey of my home.xml

Code:
<window id="0">
  <defaultcontrol always="true">1</defaultcontrol>
  <allowoverlay>no</allowoverlay>
  <backgroundcolor>black</backgroundcolor>
  <controls>
    <control type="image" id="9000">
      <description>25 pixel grid</description>
      <posx>0</posx>
      <posy>0</posy>
      <width>1280</width>
      <height>720</height>
      <visible>true</visible>
      <texture>25ptGrid.png</texture>
      <zorder>0</zorder>
    </control>
    <control type="image" id="9001">
      <description>50 pixel grid</description>
      <posx>0</posx>
      <posy>0</posy>
      <width>1280</width>
      <height>720</height>
      <visible>true</visible>
      <texture>50ptGrid.png</texture>
      <zorder>1</zorder>
    </control>
    <control type="button" id="1">
      <description>Reload Button</description>
      <posx>1200</posx>
      <posy>650</posy>
      <width>50</width>
      <height>50</height>
      <visible>true</visible>
      <texturefocus>Refresh.png</texturefocus>
      <texturenofocus>Refresh.png</texturenofocus>
      <onclick>ReloadSkin()</onclick>
    </control>
    <control type="wraplist" id="8000">
      <description>My first wraplist container</description>
      <posx>80</posx>
      <posy>60</posy>
      <width>250</width>
      <height>200</height>
      <visible>true</visible>
      <onup>2</onup>
      <ondown>3</ondown>
      <onleft>1</onleft>
      <onright>1</onright>
      <viewtype label="3D list">list</viewtype>
      <orientation>vertical</orientation>
      <pagecontrol>25</pagecontrol>
      <focusposition>3</focusposition>
      <scrolltime>200</scrolltime>
      <itemlayout width="250" height="29">
        <control type="image">
          <posx>5</posx>
          <posy>3</posy>
          <width>22</width>
          <height>22</height>
          <info>ListItem.Icon</info>
        </control>
        <control type="label">
          <posx>30</posx>
          <posy>3</posy>
          <width>430</width>
          <height>22</height>
          <font>font13</font>
          <aligny>center</aligny>
          <selectedcolor>green</selectedcolor>
          <align>left</align>
          <info>ListItem.Label</info>
        </control>
        <control type="label">
          <posx>475</posx>
          <posy>3</posy>
          <width>300</width>
          <height>22</height>
          <font>font13</font>
          <aligny>center</aligny>
          <selectedcolor>green</selectedcolor>
          <textcolor>white</textcolor>
          <align>right</align>
          <info>ListItem.Label2</info>
        </control>
      </itemlayout>
      <focusedlayout height="29" width="250">
        <control type="image">
          <posx>5</posx>
          <posy>3</posy>
          <width>22</width>
          <height>22</height>
          <info>ListItem.Icon</info>
        </control>
        <control type="label">
          <posx>30</posx>
          <posy>3</posy>
          <width>430</width>
          <height>22</height>
          <font>font13</font>
          <aligny>center</aligny>
          <selectedcolor>green</selectedcolor>
          <align>left</align>
          <info>ListItem.Label</info>
        </control>
        <control type="label">
          <posx>475</posx>
          <posy>3</posy>
          <width>300</width>
          <height>22</height>
          <font>font13</font>
          <aligny>center</aligny>
          <selectedcolor>green</selectedcolor>
          <textcolor>white</textcolor>
          <align>right</align>
          <info>ListItem.Label2</info>
        </control>
      </focusedlayout>
      <content>
        <item id="1">
          <label>ReloadSkin</label>
          <label2>Reloads the current skin</label2>
          <icon>Reload.png</icon>
          <thumb></thumb>
          <onclick>ReloadSkin()</onclick>
          <visible>true</visible>
        </item>
        <item id="2">
          <label>Also</label>
          <label2>Also Reloads Skin</label2>
          <icon>Reload.png</icon>
          <thumb></thumb>
          <onclick>ReloadSkin</onclick>
        </item>
      </content>
   </control>

  </controls>
</window>


"font13" is defined in my font.xml
and refresh.png is present in my media folder (and loads for the button that is defined above.)
and my colors are defined in the default.xml in my colors folder

however my warplist isn't displaying at all and i haven't got a clue as to why, and debug says nothing at all about it...

an anyone see why its not showing up?
Reply
#2
Typo in backgroundcolor and try setting your default control to 8000.
Reply
#3
Hitcher Wrote:Typo in backgroundcolor and try setting your default control to 8000.

yep caught that after posting, but it still doesn't show after fixing that and setting default control to 8000. Also fixed the <onclick>ReloadSkin</onclick> (to ReloadSkin())

Also the control is there because i set <onup> and ondown to point to the button and it pulses when selected
Reply
#4
I've even tried editing other wrap list i've found in other skins and the text is a no show... so i'm thinking that the problem is in my fontsets... but the only thing defined in my fontsets (and the only thing being used in my home.xml) is:

Code:
<fonts>
    <fontset id="Default" unicode="true">    
        <font>
            <name>font13</name>
            <filename>ARIALUNI.TTF</filename>
            <size>20</size>
        </font>        
    </fontset>
</fonts>


so i am completely at a loss as to figuring out what's wrong
Reply
#5
Your code works I put it into Confluence and changed the id="8000" to "9000" and I see the text and can navigate up/down...
Image

Check out The Carmichael - A Skin For XBMC

Check out Night - A Skin For XBMC

Check out Unfinished - A Skin For XBMC
Reply
#6
mcborzu Wrote:Your code works I put it into Confluence and changed the id="8000" to "9000" and I see the text and can navigate up/down...


I did the same thing and it works... now the problem is getting it to work in the skin i'm creating (which jst happens to be a inspired as a marriage of ideas from your "Carmichael" skin and "Simplicity"), now i've got it to the point where the only thing that isn't displaying is the text (the images show and scroll, but the labels don't show up. I'm sure its something to do with my fonts.xml, but as i said the only thing defined or referenced from the fontset is font13 which is set at arialuni.ttf at 20pt.
Reply
#7
do you have the ARIALUNI.TTF in your .font folder/

what about colors/default.xml is white a defined color, or just delete <textcolor>white</textcolor>, I believe textcolor defaults to white?
Image

Check out The Carmichael - A Skin For XBMC

Check out Night - A Skin For XBMC

Check out Unfinished - A Skin For XBMC
Reply
#8
mcborzu Wrote:do you have the ARIALUNI.TTF in your .font folder/

what about colors/defaults.xml is white a defined color, or just delete <textcolor>white</textcolor>, I believe textcolor defaults to white?

i have it in my "fonts" folder
is it supposed to be "font" and not fonts?

.\colors\defaults.xml (which i know is ok because i have modified the background color of the home window using references to these colors.
Code:
<colors>
    <color name="white">FFFFFFFF</color>
    <color name="grey">FFb4b4b4</color>
    <color name="grey2">88FFFFFF</color>
    <color name="grey3">33FFFFFF</color>
    <color name="grey4">FFd9d9d9</color>
    <color name="grey5">FF949494</color>
    <color name="grey6">FF8f8f8f</color>
    <color name="grey7">FF333333</color>
    <color name="black">FF000000</color>
    <color name="blue">FF0055be</color>
    <color name="selected">FFFFFFFF</color>
    <color name="dialogheader">DDced8da</color>
    <color name="faded">FFcacaca</color>
    <color name="netflix">FF4671a3</color>
    <color name="yellow">FFffff14</color>
</colors>

.\720p\font.xml

Code:
<fonts>
    <fontset id="Default" unicode="true">    
        <font>
            <name>font13</name>
            <filename>ARIALUNI.TTF</filename>
            <size>20</size>
        </font>        
    </fontset>
</fonts>

.\fonts contains the singular file arialuni.ttf
Reply
#9
I'm feeling a little stupid now, i went back and looked at the code, and i had no idea that the arialuni.ttf had to be properly cased... (oddly enough though the casing and spelling in the folder was the same as in the font.xml, but when i lowercased both it started working

i changed the name and case of the font (to just "arial.ttf") in my font folder, and then changed the name and casing in the "font.xml" and blam.. it works
Reply
#10
JeromyNix Wrote:I'm feeling a little stupid now, i went back and looked at the code, and i had no idea that the arialuni.ttf had to be properly cased... (oddly enough though the casing and spelling in the folder was the same as in the font.xml, but when i lowercased both it started working

i changed the name and case of the font (to just "arial.ttf") in my font folder, and then changed the name and casing in the "font.xml" and blam.. it works

Yeah, case is important. Might work on a windows machine though, but on linux you will see some odd things happen. Smile
Reply

Logout Mark Read Team Forum Stats Members Help
Need Help with "List" Controls0