Login at Kodi Home

**kittmaster**

I added my new media flag color changer option. I noticed when I'm in admin, if I use my keyboard, the "cursor" or tracer whatever it's called, "locks up" when it hits my first entry. And I need to use the mouse to unlock it... then when I select something else, and then use the keyboard again, it "jumps" back to my first option. Not sure what is going on... Any ideas? I have a video to show in real time what it's doing. Code will be below it for reference.

Thanks for any tips/insight:

http://kittmaster.com/imagedump/kodi/ski...Error.html

Code exerpt:

xml:


<!-- Artwork -->

                    <control type="grouplist" id="7006">

                        <visible>Container(7000).Hasfocus(6)</visible>

                        <top>200</top>

                        <left>425</left>

                        <width>1395</width>

                        <height>670</height>

                        <onleft>7000</onleft>

                        <onright>607006</onright>

                        <pagecontrol>607006</pagecontrol>

                        <include>ContainerScrollTime</include>

                        <control type="label" id="601">

                            <label>$LOCALIZE[128]</label> <CMB: General text>

                            <include>SettingsLabel</include>

                        </control>

                        <control type="radiobutton" id="602">

                            <!-- <label>$LOCALIZE[31062]</label> --> <CMB: Coloured icons>

                            <label>$LOCALIZE[31394]</label>

                            <onclick>Skin.ToggleSetting(IconsColored)</onclick>

                            <selected>Skin.HasSetting(IconsColored)</selected>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="603">

                            <label>$LOCALIZE[31234]</label> <CMB: Media Flags>

                            <onclick>SetProperty(CustomSelectGroup,$LOCALIZE[31234],home)</onclick>

                            <onclick>ActivateWindow(1111)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <!-- Resolution Icon Color Entry Selection -->

                        <control type="group" id="620">

                            <posx>10</posx>

                            <posy>10</posy>

                            <width>1400</width>

                            <height>66</height>

                            <!-- Button Control -->

                            <control type="button" id="610">

                                <label>$LOCALIZE[31395]</label>

                                <onclick>SetProperty(CustomSelect,$LOCALIZE[31395],home)</onclick>

                                <label2>$VAR[ResolutionMediaColorFlagUserLabelVar]$VAR[MediaColorFlagUserLabelForcedPadding]</label2>

                                <onclick>ActivateWindow(1110)</onclick>

                                <include>SettingsButton</include>

                                <enable>Skin.HasSetting(iconscolored) + Skin.HasSetting(mediaflagscolored)</enable>

                                <posx>0</posx>

                                <posy>0</posy>

                                <width>1080</width> <!-- Adjusted width to make room for the padding -->

                                <height>50</height>

                            </control>

                            <!-- Image Control -->

                            <control type="image" id="611">

                                <posx>1285</posx>

                                <posy>-16</posy>

                                <width>124</width>

                                <height>100</height>

                                <texture>$VAR[ResolutionStyleColorVar]</texture>

                            </control>

                        </control>

                        <!-- Aspect Ratio Icon Color Entry Selection -->

                        <control type="group" id="621">

                            <posx>10</posx>

                            <posy>10</posy>

                            <width>1400</width>

                            <height>66</height>

                            <!-- Button Control -->

                            <control type="button" id="612">

                                <label>$LOCALIZE[31401]</label>

                                <onclick>SetProperty(CustomSelect,$LOCALIZE[31401],home)</onclick>

                                <label2>$VAR[AspectRatioMediaColorFlagUserLabelVar]$VAR[MediaColorFlagUserLabelForcedPadding]</label2>

                                <onclick>ActivateWindow(1110)</onclick>

                                <include>SettingsButton</include>

                                <enable>Skin.HasSetting(iconscolored) + Skin.HasSetting(mediaflagscolored)</enable>

                                <posx>0</posx>

                                <posy>0</posy>

                                <width>1080</width> <!-- Adjusted width to make room for the padding -->

                                <height>50</height>

                            </control>

                            <!-- Image Control -->

                            <control type="image" id="613">

                                <posx>1285</posx>

                                <posy>-11</posy>

                                <width>124</width>

                                <height>90</height>

                                <texture>$VAR[AspectRatioStyleColorVar]</texture>

                            </control>

                        </control>

                        <control type="button" id="605">

                            <label>$LOCALIZE[31009]</label> <CMB: Music Discart Fallback>

                            <label2>$VAR[LibraryAudioDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31009],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="606">

                            <label>$LOCALIZE[31299]</label> <CMB: Video discart fallback>

                            <label2>$VAR[LibraryVideoDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31299],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

**realcopacetic** · 2024-12-03, 23:11

Potentially you could be losing focus. Try with debugging enabled and see if the current focused item ends up empty when this happens. You can also check your log for errors/warnings asking the lines of 'Control x tried to focus but it couldn't'

**kittmaster** · 2024-12-04, 00:43

(2024-12-03, 23:11)realcopacetic Wrote: Potentially you could be losing focus. Try with debugging enabled and see if the current focused item ends up empty when this happens. You can also check your log for errors/warnings asking the lines of 'Control x tried to focus but it couldn't'

I'll give it a try now, thx.

**jurialmunkey** · 2024-12-04, 01:17

Two other possibilities:
1. ID conflict: If you've got another control in that window with the same ID then navigation gets blocked
2. Group controls with buttons inside are inhibiting natural navigation in the grouplist

I think it is most likely (2) because the grouplist only navigates on the top level -- once your focus goes to the button inside the group the grouplist no longer manages navigation.

You could define the onup/ondown for the button in the group manually, but I think a better way is to flatten out your navigatable controls (i.e. buttons) so that they are in the top level of the grouplist, then put the non-navigable controls after (i.e. the image/group etc) and reposition as need with negative top values (with usecontrolcoords set to true for the grouplist to allow it).

The grouplist will skip over the image/group (because it is not focusable) and only move between the buttons on the top level.

**kittmaster** · 2024-12-04, 05:00

(2024-12-04, 01:17)jurialmunkey Wrote: Two other possibilities:
1. ID conflict: If you've got another control in that window with the same ID then navigation gets blocked
2. Group controls with buttons inside are inhibiting natural navigation in the grouplist

I think it is most likely (2) because the grouplist only navigates on the top level -- once your focus goes to the button inside the group the grouplist no longer manages navigation.

You could define the onup/ondown for the button in the group manually, but I think a better way is to flatten out your navigatable controls (i.e. buttons) so that they are in the top level of the grouplist, then put the non-navigable controls after (i.e. the image/group etc) and reposition as need with negative top values (with usecontrolcoords set to true for the grouplist to allow it).

The grouplist will skip over the image/group (because it is not focusable) and only move between the buttons on the top level.

Actually I had both errors, corrected the dupe ID (my bad).

Followed the idea of moving the images to the bottom of the list and changed top tag. Got it all working..... was like whoohoo.... riiiiiiiight up until I scrolled the screen. The fixed image does not scroll with the menu items and creates a visual mess.

Video here: http://kittmaster.com/imagedump/kodi/ski...Fixed.html

Code:

xml:


                    <!-- Artwork -->

                    <control type="grouplist" id="7006">

                        <visible>Container(7000).Hasfocus(6)</visible>

                        <top>200</top>

                        <left>425</left>

                        <width>1395</width>

                        <height>670</height>

                        <usecontrolcoords>true</usecontrolcoords>

                        <onleft>7000</onleft>

                        <onright>607006</onright>

                        <pagecontrol>607006</pagecontrol>

                        <include>ContainerScrollTime</include>

                        <control type="label" id="601">

                            <label>$LOCALIZE[128]</label>

                            <include>SettingsLabel</include>

                        </control>

                        <control type="radiobutton" id="602">

                            <!-- <label>$LOCALIZE[31062]</label> -->

                            <label>$LOCALIZE[31394]</label>

                            <onclick>Skin.ToggleSetting(IconsColored)</onclick>

                            <selected>Skin.HasSetting(IconsColored)</selected>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="603">

                            <label>$LOCALIZE[31234]</label>

                            <onclick>SetProperty(CustomSelectGroup,$LOCALIZE[31234],home)</onclick>

                            <onclick>ActivateWindow(1111)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="608">

                            <label>$LOCALIZE[31395]</label>

                            <label2>$VAR[ResolutionMediaColorFlagUserLabelVar]$VAR[MediaColorFlagUserLabelForcedPadding]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31395],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                            <enable>Skin.HasSetting(iconscolored) + Skin.HasSetting(mediaflagscolored)</enable>

                        </control>



                        <control type="button" id="605">

                            <label>$LOCALIZE[31009]</label>

                            <label2>$VAR[LibraryAudioDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31009],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="606">

                            <label>$LOCALIZE[31299]</label>

                            <label2>$VAR[LibraryVideoDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31299],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="label" id="620">

                            <label>$LOCALIZE[24035]</label>

                            <include>SettingsLabel</include>

                        </control>

                        <control type="button" id="621">

                            <label>$LOCALIZE[31034]</label>

                            <label2>$VAR[AddonWeatherIconsVar]</label2>

                            <onclick>RunScript(script.image.resource.select,property=WeatherIcons&type=resource.images.weathericons)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="622">

                            <label>$LOCALIZE[31004]</label>

                            <label2>$VAR[AddonWeatherFanartVar]</label2>

                            <onclick>RunScript(script.image.resource.select,property=WeatherFanart&type=resource.images.weatherfanart)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="623">

                            <label>White studio icons</label>

                            <label2>$VAR[AddonWhiteStudiosVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.studios.white)">InstallAddon(resource.images.studios.white)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="624">

                            <!-- <label>Coloured studio icons</label> -->

                            <label>$LOCALIZE[737] studio icons</label>

                            <label2>$VAR[AddonColouredStudiosVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.studios.coloured)">InstallAddon(resource.images.studios.coloured)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="625">

                            <label>White record label icons</label>

                            <label2>$VAR[AddonRecordLabelsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.recordlabels.white)">InstallAddon(resource.images.recordlabels.white)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="626">

                            <label>Language flags</label>

                            <label2>$VAR[AddonLanguageFlagsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.languageflags.rounded)">InstallAddon(resource.images.languageflags.rounded)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="627">

                            <label>Music genre icons</label>

                            <label2>$VAR[AdoonMusicGenreIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.musicgenreicons.text)">InstallAddon(resource.images.musicgenreicons.text)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="628">

                            <label>$LOCALIZE[737] movie genre icons</label>

                            <label2>$VAR[AdoonMovieGenreIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviegenreicons.filmstrip-hd.colour)">InstallAddon(resource.images.moviegenreicons.filmstrip-hd.colour)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="629">

                            <label>BW movie genre icons</label>

                            <label2>$VAR[AdoonMovieGenreIconsBWVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviegenreicons.filmstrip-hd.bw)">InstallAddon(resource.images.moviegenreicons.filmstrip-hd.bw)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="630">

                            <label>Movie country icons</label>

                            <label2>$VAR[AddonCountryIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviecountryicons.flags)">InstallAddon(resource.images.moviecountryicons.flags)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                    </control>

                    <control type="image">

                            <visible>Container(7000).Hasfocus(6)</visible>                      

                            <top>390</top>

                            <right>-1620</right>

                            <!-- <width>22</width> -->

                            <height>90</height>

                            <aspectratio>keep</aspectratio>

                            <texture>$VAR[ResolutionStyleColorVar]</texture>

                        </control>



......... rest of block.

Soooo was that the intent? I was able to fix one thing but now a different issue with the fix image. Damn, thought I had it.... fell right into position too.

**jurialmunkey** · 2024-12-06, 01:06

(2024-12-04, 05:00)kittmaster Wrote: Soooo was that the intent? I was able to fix one thing but now a different issue with the fix image. Damn, thought I had it.... fell right into position too.

No you put the image after the button in the grouplist like so

xml:


<control type="grouplist">

            <orientation>vertical</orientation>

            <usecontrolcoords>true</usecontrolcoords>



            <!-- A Normal Button -->

            <control type="button" id="1">

                <height>80</height>

                <description>A normal button</description>

            </control>



            <!-- A Button With Image -->

            <control type="button" id="2">

                <height>80</height>

                <description>The button part of the image</description>

            </control>

            <control type="group" id="3">

                <top>-80</top>  <!-- Negative spacing to put it in place -->

                <height>80</height>  <!-- Same height as button to take up same spacing -->

                <description>A group containing other controls we want to overlay on the button</description>

                <control type="image">

                    <description>An image when the button is focused</description>

                    <visible>Control.HasFocus(2)</visible>

                </control>

                <control type="image">

                    <description>An image when the button is unfocused</description>

                    <visible>!Control.HasFocus(2)</visible>

                </control>

            </control>



            <!-- Another Normal Button -->

            <control type="button" id="4">

                <height>80</height>

                <description>A normal button</description>

            </control>

        </control>

**kittmaster** · 2024-12-06, 04:02

Your example is spot on and I was able to adapt it right out of the box. I don't entirely get why there needs to be a replicant for a focus/not focus for an image when it isn't a selectable object, but clearly it works and I now have a proper primer going forward for other areas I plan to add later on. Much appreciated. Here is the end result and the code for anyone who may be interested:

Fully operational demo:
http://kittmaster.com/imagedump/kodi/ski...olved.html

Full code block (6) in admin area:

xml:


                    <!-- Artwork -->

                    <control type="grouplist" id="7006">

                        <visible>Container(7000).Hasfocus(6)</visible>

                        <top>200</top>

                        <left>425</left>

                        <width>1395</width>

                        <height>670</height>

                        <usecontrolcoords>true</usecontrolcoords>

                        <onleft>7000</onleft>

                        <onright>607006</onright>

                        <pagecontrol>607006</pagecontrol>

                        <include>ContainerScrollTime</include>

                        <control type="label" id="601">

                            <label>$LOCALIZE[128]</label>

                            <include>SettingsLabel</include>

                        </control>

                        <control type="radiobutton" id="602">

                            <!-- <label>$LOCALIZE[31062]</label> -->

                            <label>$LOCALIZE[31394]</label>

                            <onclick>Skin.ToggleSetting(IconsColored)</onclick>

                            <selected>Skin.HasSetting(IconsColored)</selected>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="603">

                            <label>$LOCALIZE[31234]</label>

                            <onclick>SetProperty(CustomSelectGroup,$LOCALIZE[31234],home)</onclick>

                            <onclick>ActivateWindow(1111)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <!-- Resolution Icon Color Entry Selection -->

                        <control type="button" id="604">

                            <label>$LOCALIZE[31395]</label>

                            <label2>$VAR[ResolutionMediaColorFlagUserLabelVar]$VAR[MediaColorFlagUserLabelForcedPadding]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31395],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                            <enable>Skin.HasSetting(iconscolored) + Skin.HasSetting(mediaflagscolored)</enable>

                        </control>

                        <control type="group" id="605">

                            <top>-67</top>

                            <height>67</height>

                            <right>-1288</right>

                                <control type="image">

                                    <visible>Container(7000).Hasfocus(6)</visible>                                  

                                    <aspectratio>keep</aspectratio>

                                    <texture>$VAR[ResolutionStyleColorVar]</texture>

                                </control>

                                <control type="image">

                                    <visible>!Container(7000).Hasfocus(6)</visible>                                

                                    <aspectratio>keep</aspectratio>

                                    <texture>$VAR[ResolutionStyleColorVar]</texture>

                                </control>

                        </control>

                        <!-- Aspect Ratio Icon Color Entry Selection -->

                        <control type="button" id="606">

                            <label>$LOCALIZE[31401]</label>

                            <label2>$VAR[AspectRatioMediaColorFlagUserLabelVar]$VAR[MediaColorFlagUserLabelForcedPadding]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31401],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                            <enable>Skin.HasSetting(iconscolored) + Skin.HasSetting(mediaflagscolored)</enable>

                        </control>

                        <control type="group" id="607">

                            <top>-67</top>

                            <height>67</height>

                            <right>-1288</right>

                                <control type="image">

                                    <visible>Container(7000).Hasfocus(6)</visible>                                  

                                    <aspectratio>keep</aspectratio>

                                    <texture>$VAR[AspectRatioStyleColorVar]</texture>

                                </control>

                                <control type="image">

                                    <visible>!Container(7000).Hasfocus(6)</visible>                                

                                    <aspectratio>keep</aspectratio>

                                    <texture>$VAR[AspectRatioStyleColorVar]</texture>

                                </control>

                        </control>

                        <control type="button" id="618">

                            <label>$LOCALIZE[31009]</label>

                            <label2>$VAR[LibraryAudioDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31009],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="619">

                            <label>$LOCALIZE[31299]</label>

                            <label2>$VAR[LibraryVideoDiscArtLabelVar]</label2>

                            <onclick>SetProperty(CustomSelect,$LOCALIZE[31299],home)</onclick>

                            <onclick>ActivateWindow(1110)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="label" id="620">

                            <label>$LOCALIZE[24035]</label>

                            <include>SettingsLabel</include>

                        </control>

                        <control type="button" id="621">

                            <label>$LOCALIZE[31034]</label>

                            <label2>$VAR[AddonWeatherIconsVar]</label2>

                            <onclick>RunScript(script.image.resource.select,property=WeatherIcons&type=resource.images.weathericons)</onclick>

                            <include>SettingsButton</include>

                        </control>

                        <control type="button" id="622">

                            <label>$LOCALIZE[31004]</label>

                            <label2>$VAR[AddonWeatherFanartVar]</label2>

                            <onclick>RunScript(script.image.resource.select,property=WeatherFanart&type=resource.images.weatherfanart)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="623">

                            <label>White studio icons</label>

                            <label2>$VAR[AddonWhiteStudiosVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.studios.white)">InstallAddon(resource.images.studios.white)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="624">

                            <!-- <label>Coloured studio icons</label> -->

                            <label>$LOCALIZE[737] studio icons</label>

                            <label2>$VAR[AddonColouredStudiosVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.studios.coloured)">InstallAddon(resource.images.studios.coloured)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="625">

                            <label>White record label icons</label>

                            <label2>$VAR[AddonRecordLabelsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.recordlabels.white)">InstallAddon(resource.images.recordlabels.white)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="626">

                            <label>Language flags</label>

                            <label2>$VAR[AddonLanguageFlagsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.languageflags.rounded)">InstallAddon(resource.images.languageflags.rounded)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="627">

                            <label>Music genre icons</label>

                            <label2>$VAR[AdoonMusicGenreIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.musicgenreicons.text)">InstallAddon(resource.images.musicgenreicons.text)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="628">

                            <label>$LOCALIZE[737] movie genre icons</label>

                            <label2>$VAR[AdoonMovieGenreIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviegenreicons.filmstrip-hd.colour)">InstallAddon(resource.images.moviegenreicons.filmstrip-hd.colour)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="629">

                            <label>BW movie genre icons</label>

                            <label2>$VAR[AdoonMovieGenreIconsBWVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviegenreicons.filmstrip-hd.bw)">InstallAddon(resource.images.moviegenreicons.filmstrip-hd.bw)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                        <control type="button" id="630">

                            <label>Movie country icons</label>

                            <label2>$VAR[AddonCountryIconsVar]</label2>

                            <onclick condition="!System.HasAddon(resource.images.moviecountryicons.flags)">InstallAddon(resource.images.moviecountryicons.flags)</onclick>

                            <include>SettingsRadioButton</include>

                        </control>

                    </control>