Kodi Community Forum

Full Version: Horizontal wraplist focus item doesn't show up
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So I've been playing around with Wir3d's empty skin learning the ropes and I'm having a slight bit of trouble getting the focused item to appear in a wraplist oriented horizontally. The rest of the gray unselected items appear, but the focused item is a blank space. When selected it functions properly and it takes you to where it points to, but it just doesn't visually show up. Any ideas why?

p.s. I migrated from the pal folder to a 720p folder and adjusted skin.xml so that's not the problem

Here's the code:

Code:
<window id="0">
    <defaultcontrol>300</defaultcontrol>
    <allowoverlay>yes</allowoverlay>

    <controls>
        <control type="wraplist" id="300">
            <description>Home Menu</description>
            <posx>0</posx>
            <posy>0</posy>
            <height>150</height>
            <width>1280</width>
            <orientation>horizontal</orientation> <!-- for horizontal view to work width must be set in itemlayout -->
            <visible>yes</visible>
            <onup>1</onup>
            <ondown>1</ondown>
            <onleft>1</onleft>
            <onright>1</onright>
            
            <focusposition>0</focusposition> <!-- Highlighted Item list position-->
            <scrolltime>200</scrolltime>
            
            <!-- Unselected Items -->
            <itemlayout height="150" width="150">
                <control type="label">
                    <posx>0</posx>
                    <info>ListItem.Label</info>
                    <textcolor>7fffffff</textcolor>
                    <scroll>false</scroll>
                    <align>center</align>
                </control>
            </itemlayout>

            <!-- Selected Item -->
            <focusedlayout height="150" width="200">
                <control type="label">
                    <posx>0</posx>
                    <info>ListItem.Label</info>
                    <textcolor>ffffffff</textcolor>
                    <align>center</align>
                </control>
            </focusedlayout>

            <!-- Menu Items -->
            <content>
                <item id="1">
                    <description>Videos</description>
                    <label>$LOCALIZE[31000]</label>
                    <onclick>xbmc.activatewindow(6)</onclick>
                </item>
                <item id="2">
                    <description>Music</description>
                         <label>$LOCALIZE[31001]</label>
                    <onclick>xbmc.activatewindow(5)</onclick>
                </item>
                <item id="3">
                    <description>Pictures</description>
                         <label>$LOCALIZE[31002]</label>
                    <onclick>xbmc.activatewindow(2)</onclick>
                </item>
                <item id="4">
                    <description>Programs</description>
                         <label>$LOCALIZE[31003]</label>
                    <onclick>xbmc.activatewindow(1)</onclick>
                </item>
                <item id="5">
                    <description>Favourites</description>
                         <label>$LOCALIZE[31004]</label>
                    <onclick>xbmc.activatewindow(favourites)</onclick>
                </item>
                <item id="8">
                    <description>Scripts</description>
                      <label>$LOCALIZE[31005]</label>
                    <onclick>xbmc.activatewindow(Scripts)</onclick>
                </item>
                <item id="6">
                    <description>Weather</description>
                         <label>$LOCALIZE[31006]</label>
                    <onclick>xbmc.activatewindow(2600)</onclick>
                    <visible>System.HasNetwork</visible>
                </item>
                <item id="7">
                    <description>Files</description>
                         <label>$LOCALIZE[31007]</label>
                    <onclick>xbmc.activatewindow(3)</onclick>
                </item>
                <item id="9">
                    <description>Settings</description>
                         <label>$LOCALIZE[31008]</label>
                    <onclick>xbmc.activatewindow(settings)</onclick>
                </item>
                <item id="10">
                    <description>Refresh</description>
                         <label>$LOCALIZE[31009]</label>
                    <onclick>XBMC.ReloadSkin()</onclick>
                </item>
            </content>
        </control>

    </controls>
  
</window>
I'm not quite sure what I did to fix the problem, but in case someone comes across this same error here's a correctly implemented horizontal wraplist:
Code:
<!-- Main Menu -->
<control type="wraplist" id="300">
    <description>Home Wraplist</description>
    <posx>0</posx>
    <posy>250</posy>
    <width>1280</width>
    <height>500</height>
    <orientation>horizontal</orientation>
    <visible>-</visible>
    <onup>300</onup>
    <ondown>300</ondown>
    <onleft>300</onleft>
    <onright>300</onright>
    <focusposition>3</focusposition>         <!-- Highlighted Item list position-->
    <scrolltime>200</scrolltime>

    <!-- Unselected Items -->
    <itemlayout height="50" width="200">
        <control type="label">
            <posx>0</posx>
            <width>320</width>              <!-- can't have height defined in the block -->
            <info>ListItem.Label</info>    
            <textcolor>7fffffff</textcolor> <!-- First two are alpha transparency-->
            <!-- last 6 are regular  rrggbb      -->
            <scroll>false</scroll>          
            <align>center</align>
        </control>
    </itemlayout>

    <!-- Selected Item -->
    <focusedlayout height="50" width="200">
        <control type="label">
            <posx>0</posx>
            <width>320</width>
            <info>ListItem.Label</info>
            <font>Large</font>
            <textcolor>White</textcolor>
            <align>center</align>
        </control>
    </focusedlayout>

    <!-- Menu Items -->
    <content>
        <item id="1">
            <description>Videos</description>
            <label>31000</label>
            <onclick>xbmc.activatewindow(6)</onclick>
        </item>
        <item id="2">
            <description>Music</description>
            <label>31001</label>
            <onclick>xbmc.activatewindow(5)</onclick>
        </item>
        <item id="3">
            <description>Pictures</description>
            <label>31002</label>
            <onclick>xbmc.activatewindow(2)</onclick>
        </item>
        <item id="4">
            <description>Programs</description>
            <label>31003</label>
            <onclick>xbmc.activatewindow(1)</onclick>
        </item>
        <item id="5">
            <description>Favourites</description>
            <label>31004</label>
            <onclick>xbmc.activatewindow(favourites)</onclick>
        </item>
        <item id="8">
            <description>Scripts</description>
            <label>31005</label>
            <onclick>xbmc.activatewindow(Scripts)</onclick>
        </item>
        <item id="6">
            <description>Weather</description>
            <label>31006</label>
            <onclick>xbmc.activatewindow(2600)</onclick>
            <visible>System.HasNetwork</visible>
        </item>
        <item id="7">
            <description>Files</description>
            <label>31007</label>
            <onclick>xbmc.activatewindow(3)</onclick>
        </item>
        <item id="9">
            <description>Settings</description>
            <label>31008</label>
            <onclick>xbmc.activatewindow(settings)</onclick>
        </item>
        <item id="10">
            <description>Refresh</description>
            <label>31009</label>
            <onclick>XBMC.ReloadSkin()</onclick>
        </item>
    </content>
</control>
reddragon220 Wrote:I'm not quite sure what I did to fix the problem

It was your color - ffffffff is white at 0% opacity i believe.

-nate
Nmarconi Wrote:It was your color - ffffffff is white at 0% opacity i believe.

-nate

Nope, 00ffffff is white at 0% opacity. Nice try though.

One other (hopefully quick question). Is there any way to access another windows list from the Home window. For example if I would want to have a list of items from MyVideoLibrary on my home screen would I write something like:

Code:
<info>Window(MyVideoNav).Property(ListItem.Label)</info>
or
Code:
<info>MyVideoNav.ListItem.Label</info>

in a list like:
Code:
<control type="wraplist" id="303">
    <description>Quickselect Wraplist</description>
    <posx>0</posx>
    <posy>300</posy>
    <width>1280</width>
    <height>500</height>
    <orientation>horizontal</orientation>
    
    <onup>300</onup>                       <!-- To move between controls insert control id -->
    <ondown>303</ondown>
    <onleft>303</onleft>
    <onright>303</onright>
    <focusposition>0</focusposition>        <!-- Highlighted Item list position-->
    <scrolltime>200</scrolltime>
    
    <visible allowhiddenfocus="true">Control.HasFocus(303)</visible>
                                           <!-- control id 303 is only visible when it is in focus-->
    <animation effect="fade" time="300">VisibleChange</animation>

    <!-- Unselected Items -->
    <itemlayout height="50" width="200">
        <control type="label">
            <posx>0</posx>
            <width>320</width>              <!-- can't have height defined in the block -->
            <info>MyVideoNav.ListItem.Label</info>    
            <scroll>false</scroll>          
            <align>center</align>
        </control>
    </itemlayout>

    <!-- Selected Item -->
    <focusedlayout height="50" width="200">
        <control type="label">
            <posx>0</posx>
            <width>320</width>
            <info>MyVideoNav.ListItem.Label</info>
            <font>Large</font>
            <textcolor>White</textcolor>
            <align>center</align>
        </control>
    </focusedlayout>

</control>
You can't.