Attempting to create a skin with huge fonts
#16
You're reading my mind [emoji12]

Yes I've had to do a lot of trial and error and there's more ahead so I started dreaming of a WYSIWIG editor...

Fortunately the round-trip time 'Edit in VScode -> save -> switch to Kodi -> reload with F5' on my PC is rather short.

BTW I've tried to set a binding for F6 to something that's supposed to toggle a grid for alignment debugging but this doesn't work. Any clue?
Reply
#17
(2019-09-26, 09:46)sba923 Wrote: You're reading my mind [emoji12]

Yes I've had to do a lot of trial and error and there's more ahead so I started dreaming of a WYSIWIG editor...

Fortunately the round-trip time 'Edit in VScode -> save -> switch to Kodi -> reload with F5' on my PC is rather short.

BTW I've tried to set a binding for F6 to something that's supposed to toggle a grid for alignment debugging but this doesn't work. Any clue?


The F6 thing that doesn't work is the following:

<F6>Skin.ToggleSetting(DebugGrid)</F6>

How can I get this to work?

I'm progressing quite a bit, but I'm stuck with changing the width (and hence the left coordinate) of the PopupMenu:

Image

Any help for changing that would be greatly appreciated.

My item browser is almost OK now:

Image

Well, it's not too pretty yet, but at least it's usable  Tongue
Reply
#18
i have had a quick look you neeb to edit Includes.xml

find
<control type="rss">
            <posx>0</posx>
            <posy>40r</posy>
            <height>30</height>
            <include>ScreenWidth</include>
            <font>font70_title</font>
            <urlset>1</urlset>
            <textcolor>white</textcolor>
            <titlecolor>blue</titlecolor>
            <headlinecolor>FFC0C0C0</headlinecolor>
            <include>Window_OpenClose_Animation</include>
            <visible>Window.IsVisible(Home)</visible>
        </control>
add

line 270
<control type="label">
                            <top>0</top>
                            <left>200</left>
                            <width>1200</width>
                            <height>93</height>>
                            <label>$INFO[ListItem.Title]</label>
                            <font>font70_title</font>
                            
                        </control>
                        <control type="label">
                            <top>-320</top>
                            <left>140</left>
                            <width>500</width>
                            <height>93</height>
                            <label>$VAR[PlaylistLabelVar]</label>
                            <shadowcolor>black</shadowcolor>
                            <font>font70_title</font>
                            
                        </control>

change fonts <font>font70_title</font> ck from fonts.xmlImage
Reply
#19
(2019-09-26, 17:52)the_other_guy Wrote: i have had a quick look you neeb to edit Includes.xml

find
<control type="rss">
            <posx>0</posx>
            <posy>40r</posy>
            <height>30</height>
            <include>ScreenWidth</include>
            <font>font70_title</font>
            <urlset>1</urlset>
            <textcolor>white</textcolor>
            <titlecolor>blue</titlecolor>
            <headlinecolor>FFC0C0C0</headlinecolor>
            <include>Window_OpenClose_Animation</include>
            <visible>Window.IsVisible(Home)</visible>
        </control>
add

line 270
<control type="label">
                            <top>0</top>
                            <left>200</left>
                            <width>1200</width>
                            <height>93</height>>
                            <label>$INFO[ListItem.Title]</label>
                            <font>font70_title</font>
                            
                        </control>
                        <control type="label">
                            <top>-320</top>
                            <left>140</left>
                            <width>500</width>
                            <height>93</height>
                            <label>$VAR[PlaylistLabelVar]</label>
                            <shadowcolor>black</shadowcolor>
                            <font>font70_title</font>
                            
                        </control>

change fonts <font>font70_title</font> ck from fonts.xmlImage

Er... sorry but which of my problems are you trying to solve?

My second screenshot was just to illustrate where I stand in the music browsing part of the skin. Is there something in there you're helping me improve?


The main issue in my previous post was about the width of the popup menu...
Reply
#20
Er... sorry but which of my problems are you trying to solve?
you ash for huge fonts you get it then be a smartass
no more help from me
Reply
#21
(2019-09-27, 01:55)the_other_guy Wrote: Er... sorry but which of my problems are you trying to solve?
you ash for huge fonts you get it then be a smartass
no more help from me

Sorry for the misunderstanding. I'm a Kodi rookie, and whereas I quickly found how to change the font size (second part of your answer), adapting the size of the containing objects to accommodate the larger text was not that easy. It seems your response relates to the question about the font size, not about the size of the containers (as your screenshot shows). I was incorrectly assuming you were responding to my most recent post about the popup menu. Hence my reaction. I should've been more careful. Sorry again.

Thanks anyway for your willingness to help.
Reply
#22
Just a little tip I picked up elsewhere.  If you edit the addon.xml file for your skin and change
xml:
<extension point="xbmc.gui.skin" debugging="false"

to be debugging="true" Kodi will show you the current window ID and focused control in the top left of your screen.  Makes it a little easier to figure out which file and control(s) you need to be editing.

Hope it helps a bit.
Learning Linux the hard way !!
Reply
#23
(2019-09-26, 15:16)sba923 Wrote:
(2019-09-26, 09:46)sba923 Wrote: You're reading my mind [emoji12]
BTW I've tried to set a binding for F6 to something that's supposed to toggle a grid for alignment debugging but this doesn't work. Any clue?


The F6 thing that doesn't work is the following:

<F6>Skin.ToggleSetting(DebugGrid)</F6>How can I get this to work? 
I assume you installed the Custom_overlay.xml into the skin, and also the grid image file debuggrid1080.png in your main skin folder.  Custom_overlay should have a control like this:
Code:
<control type="image">
            <visible>Skin.HasSetting(DebugGrid) + String.IsEqual(System.ScreenHeight,1080)</visible>
            <posx>0</posx>
            <posy>0</posy>
            <width>1920</width>
            <height>1080</height>
            <texture>special://skin/debuggrid1080.png</texture>
        </control>

scott s.
.
Reply
#24
(2019-09-27, 15:53)scott967 Wrote:
(2019-09-26, 15:16)sba923 Wrote:
(2019-09-26, 09:46)sba923 Wrote: You're reading my mind [emoji12]
BTW I've tried to set a binding for F6 to something that's supposed to toggle a grid for alignment debugging but this doesn't work. Any clue?


The F6 thing that doesn't work is the following:

<F6>Skin.ToggleSetting(DebugGrid)</F6>How can I get this to work? 
I assume you installed the Custom_overlay.xml into the skin, and also the grid image file debuggrid1080.png in your main skin folder.  Custom_overlay should have a control like this:
Code:
<control type="image">
            <visible>Skin.HasSetting(DebugGrid) + String.IsEqual(System.ScreenHeight,1080)</visible>
            <posx>0</posx>
            <posy>0</posy>
            <width>1920</width>
            <height>1080</height>
            <texture>special://skin/debuggrid1080.png</texture>
        </control>

scott s.

Nope, I haven't, and the main reason is that the only post I found about this contained download links that redirected to "non-kosher file sharing sites" if you see what I mean.

Where can I find these files?

Thanks in advance.
Reply
#25
@sba923 Here ya go !! https://www.dropbox.com/s/5mczwn1nfp7jim...g.zip?dl=0
Learning Linux the hard way !!
Reply
#26
(2019-09-28, 20:55)black_eagle Wrote: @sba923 Here ya go !! https://www.dropbox.com/s/5mczwn1nfp7jim...g.zip?dl=0
Thanks! 

Had to store the PNG in /extras not in the skin's root folder 'cos that's what your Custom_overlay.xml contains  Wink

I now have the following keymap:

xml:
<keymap>
   <global>
       <keyboard>
           <F5>XBMC.ReloadSkin()</F5>
           <F6>Skin.ToggleSetting(DebugGrid)</F6>
           <F7>Notification(Testing 123,Hello world)</F7>
           <F8>Skin.ToggleDebug()</F8>
           <F9>Skin.ToggleSetting(HideDebugInfo)</F9>
       </keyboard>
   </global>
</keymap>

But F9 doesn't seem to do anything... What's that supposed to do?
Reply
#27
Dunno !!!  I haven't used it myself in years but I saw you had asked about it and knew I had a copy of it so I shared it, rather than have you go to some 'non-kosher file sharing sites'. My own skinning skills are minimal at best.
Learning Linux the hard way !!
Reply

Logout Mark Read Team Forum Stats Members Help
Attempting to create a skin with huge fonts0