Options skin editor

Tried a post in the dutch section but that one dried out pretty quick.

I started a demo of mAirlist 7 and i’m trying to get the lay-out working on a 4K screen.
First, great work on the skin editor! That helps a lot.

Now my problems, for the 4K screen i want icons and text to be a bit bigger.
I found some post about the skin.ini but i think i’m missing some options, most of it is about the playlist.
What are the options for the cartwall, the browers, mix-editor and how about the toolbars? A lot of these items have icons like arrows or a border (like the A and B in the playlist) and they don’t change in size when the font gets bigger.

And there is only 1 ramp time visible in the playlist, 1 filled all 3 ramp options (in PFL), i’m clueless how to make the rest of the ramps visible.

As told in the dutch thread there are several options to do this…

Most of the needed syntax can be found here:
https://wiki.mairlist.com/reference:skin.ini_reference?s[]=skin

In mAirlist 7.1. they introduced to change the height of the cartwall-tabs too.

If you wouldn’t mind here’s a sample skin.ini from one of my test systems. It shows a lot of functions and should give you some advice how to start making your own.

mAirlist 7 shows the changes instantly after saving so it’s really easy to try for yourself.

[Playlist]
PeakmeterColumnVisible=off
Attribute1=Jahr
;Debug=on

[Playlist0]
PlayingRowColor=DarkOrange
NextRowColor=Orange
ElapsedColor=#631E16
RemainingColor=DarkOrange
FontStyle=0
PlayingFontStyle=3
NextFontStyle=1
FontName=Open Sans
FontSize=11
PlayerFontSize=10
TimeFontName=Open Sans Bold
TimeFontSize=11
TitleFontSize=10
DurationFontSize=11
DurationFontName=Open Sans Light
TitleDisplayMode=VSplitArtistTitle
Columns=Timing,Icon,Expand,Title,Attribute1,Ramp,Link,Duration,Time
DummyTitleDisplayMode=Title
Attribute1ColumnWidth=36
DurationColumnWidth=40
RAMPColumnWidth=46
LinkColumnWidth=26
IconSize=20
IconColumnWidth=25
TimingIconSize=20
TimingColumnWidth=20
RowHeight=34
RowPadding=7

[Player0_0]
FontStyle=0
TitleFontSize=11
ArtistFontSize=13
NameFontSize=10
DurationFontSize=10
StateFontSize=10
TimeFontSize=15
PlayingFontColor=#FFFFFF

[Player0_1]
FontStyle=0
TitleFontSize=11
ArtistFontSize=13
NameFontSize=10
DurationFontSize=10
StateFontSize=10
TimeFontSize=15
PlayingFontColor=#FFFFFF

// PLAYLISTE 2

[Playlist1]
ElapsedColor=Red
RemainingColor=ButtonInactiveBackground
PlayingFontStyle=3
FontStyle=0
NextFontStyle=3
FontName=Open Sans
FontSize=11
PlayerFontSize=10
TimeFontName=Open Sans Bold
TimeFontSize=11
TitleFontSize=10
DurationFontSize=11
DurationFontName=Open Sans Light
TitleDisplayMode=Title
Columns=Icon,Title,Duration,Link
DummyTitleDisplayMode=Title
Attribute1ColumnWidth=36
DurationColumnWidth=40
LinkColumnWidth=30
IconColumnWidth=35
RowHeight=14
RowPadding=10

[Player1_0]
FontStyle=0
TitleFontSize=11
ArtistFontSize=13
NameFontSize=10
DurationFontSize=10
StateFontSize=10
TimeFontSize=15


// PLAYLISTE 3

[Playlist2]
ElapsedColor=Red
RemainingColor=ButtonInactiveBackground
PlayingFontStyle=3
FontStyle=0
NextFontStyle=3
FontName=Open Sans
FontSize=11
PlayerFontSize=10
TimeFontName=Open Sans Bold
TimeFontSize=11
TitleFontSize=10
DurationFontSize=11
DurationFontName=Open Sans Light
TitleDisplayMode=Title
Columns=Icon,Title,Duration,Link
DummyTitleDisplayMode=Title
Attribute1ColumnWidth=36
DurationColumnWidth=40
LinkColumnWidth=30
IconColumnWidth=35
RowHeight=14
RowPadding=10

[Player2_0]
FontStyle=0
TitleFontSize=11
ArtistFontSize=13
NameFontSize=10
DurationFontSize=10
StateFontSize=10
TimeFontSize=15

[Cartwall]
FontStyle=0
TitleFontName=Open Sans Light
TitleFontSize=9
ArtistFontSize=9
ElapsedColor=DarkBlue
RemainingColor=ButtonInactiveBackground
FontStyle=0
PlayingFontStyle=3
NextFontStyle=2
FontName=Open Sans
TimeFontName=Open Sans Light
TimeFontSize=10
TabColorTabActive=red
TabHeight=500

[CartwallToolbar]
DesignModeButtonVisible=off

thanks for the link, still struggling how to use them, for example NodeHeight does not work for a toolbar, neither do TabHeight or RowHeight, so what do i use there?


I like to alter the search part as well

In the dutch thread i asked about icons:
image
image
Can i change their size?

I see the problem here. If I remember this correctly that’s a behaviour of the windows explorer and you can’t change the height of the tabs of the browser windows.

@Torben will know more about it. Maybe he can fix it like he fixed it for the cartwall tabheight that’s now working like intended…

But his can be solved:

[Playlist]
`PlayerColumnWidth=80`

will expand the width of the Player State color window automatically. It’s bound to the general height of the row, the padding and the width of the player state and will fill out the desired cell automatically…

[Playlist]
PlayerFontSize=30

sets the font size then…

BTW:

NodeHeight works, but not like you expected it to work: It just changes the padding between the items / nodes in the browser, playlist and database views.

[Browser]
NodeHeight=100

looks like this:

[Browser]
NodeHeight=30

looks like this

That will not change the arrow size. The border on the A and B will not be bigger.
We talked (in the dutch threat) about scaling up, is it an option to scale mAirlist (feature update) instead of the screen?
As you mentioned, it will be perfect for visabilty to about 200%?

Yes, I just discovered that too by trying some examples.

@Torben may need to take a look why even

RowHeight=100
PlayerFontSize=25
PlayerColumnWidth=150

shows ugly borders like this:

Screenshot 2022-12-16 201500

For the “Link” arrow size just change this to your needs:

[Playlist0]
LinkIconSize=50

On to your next question:

This is no needed mAirlist feature update, Windows is capable of doing scaling for software individually. But I guess how to do it is something you need to google by yourself… :wink:

That depends on your screen size. I’m using a 32-inch-4K with a font size of 11 and no scaling in the database but that may be too small for your needs.

Can you please provide a screenshot showing your problem? :slight_smile:

You can (and must) adjust the height of the box manually:

PlayerNameHeight=...
1 Like

Is there a way to change to font size of the player name?

[Player]
NameFontSize=

I think he means PlayerFontSize=

That is not on the skin page Stefan send me.
Is there a page with all the options? Or even better a demo skin.ini with all the option so i can c/p?

Sorry, then I mixed up the name of the player in the player itself instead of the name of the player in the playlist as described above.

Filled ramp 1 , 2 and 3:


And it shows only 1:
image
Player shows 3:
image
But after the first ramp is done the countdown to the second ramp starts (and shows)

I’m not sure but he asked after we talked about the item in [playlist].
Anyway he has both answers so he can try in de skin editor

1 Like

It seems that this has to do with the configuration settings:
Playlists → Playlist 1 → GUI Options → Show only nearest ramp

Has this checkbox been set?
If yes, this is the reason why.

You will find the same in the GUI options of the players in the configuration.

If this is the solution this is nothing about skin settings.
However, some things may have changed in v7.x, so we have put them out of the configuration into the skin, but not all. I think, it’s a kind of a well-balanced interplay of configuration and skin editor.

1 Like

Can you give me a hint? Only finding stuff on high DPI not on how i can change 1 program to 125%

That was the reason, thanks.

2 Likes

Anyone on the size of these items in [browser] marked with red:
image
First is the size of the font, second is the size of the toolbar.

You can find the answer in my example. There‘s a part called [Player0_0] with some settings.

This will only affect Player 1 of Playlist 1, for Player 2 of Playlist 1 you need to change it to [Player0_1]

[Player] will affect every Player in the playout window.

All settings can be depend on the player state, here’s a list of possible options.