This is an addition the the skinning documentation that explains the
additional information necessary to skin the playlist window.
If you are not familiar with the skin system yet, first read the Skinning Documentation
Some properties of the playlist window can be easily modified.
startposition_1 : Specifies the x and y coordinate of where the
playlist window will start by default. See also the startposition field as
defined in <PLAYERWINDOW> and <MAIN>
window-background-color : Specifies the background color of the playlist window
playlist-background-color : Specifies the background color of the lists
playlist-background-color2 : Specifies a second background color so that the background alternates every item between the first and the second color
playlist-font-color : Specifies the font color of the lists
playlist-selected-font-color : Specifies the font color of the selected items in a list
playlist-selected-back-color : Specifies the background color of the selected item in a list
playlist-scrollbar-color : Specifies the color of the scrollbars
playlist-scrollbar-pressed-color : Specifies the color of the scrollbars when being pressed
playlist-font : Sets the font used in the lists. This has to be the name of one of the fonts specified in the fonts field.
playlist-font-selected : Sets the font used for selected items in the list. If you want to specify a custom font, you need to set both the regular and the selected font. If one of the two is omitted, a default font is used.
icon-smartlist-autoplay : These fields specify how the icons look like. It has to be the name of an element specified in the elements list, or use the <file>myimage</file> approach in the same way as with the additional_pic fields of the object field.
image-edge-left: These fields specify the image to be used for the right top and left bottom edges of the playlist. You can either enter the name of an element specified in the elements list, or use the <file>myimage</file> approach in the same way as with the additional_pic fields of the object field.
image-scrollbar-down-selected: These fields specify the images to be used for the up and down arrows of the scrollbars. You can either enter the name of an element specified in the elements list, or use the <file>myimage</file> approach in the same way as with the additional_pic fields of the object field.
The playlist window is slightly different from the other windows, in that it has a variable size depending on how the user resizes the window. Therefore, some additional methods are necessary to define the placement and size of the various controls.
An Object looks like this:
Type specifies what type of object it is, which defines how the object is drawn. For the special playlist objects such as files, folders etc.., use 'Playlist'.
Value specifies what the value of the object is, for instance the playlist list box, the add files button, ...
ValueSpecifier specifies more specifically what value should be used.
Position defines the position of the object on the window.
The difference here is that there are some additional fields possible:
Tabs work in the same way as tabs for the other objects. To select a tab, the user can use the 'Mode' button.
|Playlist||The list where the files in your playlist appear|
|Folders||The list of directories that you can browse through|
|Files||The list of files in the selected folder|
|Moveable||A 'Moveable' is an invisible object. Valuespecifier
can be either 'horizontal' or 'vertical' to indicate in which direction the
user can move this object.
This object is useful to link other objects to. This way the user can specify the relative height and width of objects.
|AutoAdvance||Checkbox to enable/disable automixing
By using additionalpic_1 to 4 you can customize background, mouseover, mousedown and selected images.
|The following objects are buttons. If you want, you can skin the buttons by using the additionalpic_1,2 and 3 pictures. 1 specifies the default background, 2 specifies the mouseover image and 3 specifies the mousedown image.|
djDecks (c)2003-2021 Adion