Screenshots |
Links |
Electrobel |
RSS Feed |
Hosted by |
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-file
icon-file-new
icon-file-hot
icon-file-link
icon-file-played
icon-file-karaoke
icon-file-karaoke-played
icon-file-video
icon-file-video-played
icon-folder-open
icon-folder-closed
icon-folder-autoplay
icon-playlist-open
icon-playlist-closed
icon-playlist-autoplay
icon-smartlist-open
icon-smartlist-closed
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-righttop
image-edge-leftbottom
image-edge-lefttop
image-edge-rightbottom
image-edge-top
image-edge-bottom
image-edge-right
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-up
image-scrollbar-up-selected
image-scrollbar-down
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:
<OBJECT>
<NAME>myname</NAME>
<TYPE>text</TYPE>
<VALUE>title</VALUE>
<VALUESPECIFIER>string</VALUESPECIFIER>
<POSITION>
<X>10</X>
<Y>9</Y>
<WIDTH>275</WIDTH>
<HEIGHT>19</HEIGHT>
</POSITION>
</OBJECT>
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.
VALUE | DESCRIPTION |
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. | |
AddToPlaylistMenu | |
PlaylistMenu | |
SortMenu | |
ModeMenu | |
SelectDrive | |
FavouriteDirectories | |
Cases | |
djDecks (c)2003-2023 Adion