SkinDesign


PLi® specific widgets and functions for skins

Pli development tools for you to use


Gerneral details



eProgress description

Introduced alphatest property. When set to "on" the progress part of the progress bar will be left transparent. This allows the background image to appear when the progress bar fills. Set the background image using the 'pixmap' skin attribute. eProgress also supports a 'sliderpixmap' attribute, which configures an image to move along the progress bar, like a slider. Add volume_bar skin variable to get a eProgress/eGauge for the volume indicator in the infobar. When volume_bar is defined in the skin it will be shown on the infobar OSD (and the standard volumebar will be left hidden). When the OSD is not visible and volume is changed, the standard volumebar is shown.


eGauge description

Same as eProgress but show a marker line as a circular postion (percentage of circle). The background of the eGauge is transparent so a nice image can be put behind it, or alternatively the background can be set with the 'pixmap' skin attribute.

- The start parameter indicates start and end offset in degrees for the marker. It is drawn just against the border of the eGauge area.
- The 'sliderpixmap' parameter can be used to use a png file as marker instead of the line.

Note: The slider pixmap itself will not be rotated. So it is best to use a circular picture.


Skin variables for the default built-in volume control

volume.slider.gauge
VolumeBar: 0 = eProgress, 1 = eGauge

volume.slider.pixmap
pixmap to use instead of default color bar/gauge

volume_left eGauge
indicator line color. eProgress: left bar color

volume_right eGauge
not used. eProgress: right bar color

volume.slider.direction
eGauge: 0 = start at bottom, 1 = start at top

eProgress
0 = horizontal, 1 = vertical

volume.slider.start
eGague: degrees offset for the 0 an 100% point

eProgress
offset in % to start slider marker

date.format
the format of the date (see details below).


Some skin values are renamed, for better naming consistency (backward compatibility is ensured)

volume_grafik
--> volume.background.pixmap

volume.grafik.pos.*
--> volume.background.pos.*

mute_symbol
--> mute.pixmap



eLabel

osd_txt_on


osd_txt_off
Teletext availability

osd_audio_on


osd_audio_off
Multi-audio availability

fq_val
Frequency

sr_val
Symbol rate

pl_val
Polarization

fc_val
FEC

softcam
Name of current running softcam

vidformat
Video resolution and format

recChannel
Show the name of the channel being recorded

e_next_etime
To show end time of next event.

irdeto_ecm


irdeto_no


irdeto_uca
Irdeto: in stream yes/no, used to descramble current stream

seca_ecm


seca_no


seca_uca
Seca/Mediaguard

via_ecm


via_no


via_uca
Viacces

nagra_ecm


nagra_no


nagra_uca
Nagravision

cw_ecm


cw_no


cw_uca
CryptoWorks

nds_ecm


nds_no


nds_uca
Videoguard (news datacom)

conax_ecm


conax_no


conax_uca
Conax

beta_ecm


beta_no


beta_uca
BetaCrypt

powervu_ecm


powervu_no


powervu_uca
Power VU

dreamcr_ecm


dreamcr_no


dreamcr_uca
Dreamcrypt/Dream Multimedia

icecr_ecm


icecr_no


icecr_uca
Sky IceCrypt

ruscr_ecm


ruscr_no


ruscr_uca
Not checked yet

codicr_ecm


codicr_no


codicr_uca
Not checked yet

softcam_info
One row of text which the softcam can forward to the OSD.

date
the current date. Format is depended on date. format variable.

prov_name
name of the provider where the current service belongs to.



eWidget

osdExtra
Enabled/disabled in plisetup, holds any widget that you want to show conditionally

osdVerbose
idem



Progress variable

eProgressIndex

To show the progress bar with indexmarkers (for recorded streams). progress_bar needs to be named eProgressIndex instead of default eProgress


Values

eWindow.titleMargin
Left and right margins in eWindow titlebars (default: 0)

eStatusBar.margin
Left margin in statusbars (default: 0)

eWindow.drawBorder
Show line-border when no deco images are defined (default: 1)



Colors for the listbox part of a combox

eComboBox.listbox.normal.background
The normal background color for listbox

eComboBox.listbox.normal.foreground
The normal foreground color for listbox

eComboBox.listbox.selected.background
The background color for listbox when selected

eComboBox.listbox.selected.foreground
The foreground color for listbox when selected

EPG Colours

Here are the colours for MultiEPG :

baseColor = eSkin::getActive()->queryColor("epg.base.background");
entryColor = eSkin::getActive()->queryColor("epg.entry.background");
entryFgColor = eSkin::getActive()->queryColor("epg.entry.foreground");
entryColorSelected = eSkin::getActive()->queryColor("epg.entry.background.selected");
timeBgCol = eSkin::getActive()->queryColor("epg.time.background");
timeFgCol = eSkin::getActive()->queryColor("epg.time.foreground");
serviceBgCol = eSkin::getActive()->queryColor("epg.service.background");
serviceFgCol = eSkin::getActive()->queryColor("epg.service.foreground");
descriptionBgCol = eSkin::getActive()->queryColor("epg.description.background");
descriptionFgCol = eSkin::getActive()->queryColor("epg.description.foreground");
timelineColor = eSkin::getActive()->queryColor("epg.timeline");
timelineNowColor = eSkin::getActive()->queryColor("epg.timeline.now");
entry::inTimer = eSkin::getActive()->queryImage("timer_symbol");
entry::inTimerRec = eSkin::getActive()->queryImage("timer_rec_symbol"); 


Mirakels says the specific color is a default color but it is possible to overrule it from the esml from that
specific skin which is placed in the map
var/tuxbox/config/enigma/skins/******.esml 


You have to add a line in that specific esml. For instance -
<map name="eServiceSelector.highlight.epg.foreground" color="rood" /> 

gives a red highlighted text.

If rood (red) is not yet defined, you first have to do this.
Basically you can pick any color you like if it is defined in the esml.

Widget positions/size

can be specified as a percentage of the parent widget: e.g.

(c)positions/(c)size have been extended with an optional 'c' specification. The 'c' takes the center postion of the parent (client)rectangle. Use it in the same way as the 'e' specification. To center a widget of 500 by 300 pixels: position="c-250:c-150" size="500:300".


Relative position indicators ('e' and 'c') can now also be used in the section, for *.pos.x and *.pos.y values
Most osd info items can be used more than once. This way you can for example show the channel name in both the mini- and maxi-zap modes, or in fact even multiple times in the same widget, if you like.

See the MediaPLi skin for examples, all features are used.

Date.format details

In European mode (mode selected by use AM/PM -or- 24 hour clock)
0: Mo, 24 Jan
1: Monday, 24 January
2: Monday 24-01
3: Monday 24.01
4: 24-01
5: 24.01

For the North American mode
0: Mo, Jan 24
1: Monday, January 24
2: Monday 01-24
3: Monday 01.24
4: 01-24
5: 01.24

Add 8 to add year in two digits e.g.
Monday, 24 January 08

Add 16 to add year in four digits e.g.
Monday, 24 January 2008


For more information please read this forum post
For adding Genre colours see this thread in the forum

and good luck with your project.

PLi® Wiki HomePage
There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki