HTML Tags

From DISE KnowledgeBase

Jump to: navigation, search

For some objects, such as the ticker and the table object, you can use inline HTML Tags to change some features from within the text. This can be extra useful if the text is data connected and updated from somewhere else.

For example: If you have a ticker with stock quotes, you might want the text to be red of the stocks go down, but black if the stocks go up

This could easily be achieved with a text like this

<color:black>ABC <color:red>-2.5 <color:black> DEF <color:green>3.0


Objects supporting HTML Tags

The ticker object supports HTML tags from version 1.6.4

The table object supports HTML tags from version 1.6.10


List of supported HTML Tags

Tag Parameter Function Exists in
<b>   Bold Ticker, Table
</b>   Disable bold Ticker, Table
<blink>   Blinking cell Table
- speed How fast the cell should blink. Lower = faster. Table
- symmetry On/Off symmetry. 1-100. 50 = 50% = On half the time and off half the time Table
</blink>   Disable blinking Table
<border>   Set border of a table cell Table
- top Top border size (decimal value) Ex: <border top="4.8"> Table
- right Right border size Table
- bottom Bottom border size Table
- left Left border size Table
- topcolor Top border color Table
- rightcolor Right border color Table
- bottomcolor Bottom border color Table
- leftcolor Left border color Table
<color:name>   Font color. name Ticker, Table
<color:#rrggbb>   Font color. rr gg and bb. Ticker, Table
<colorbg:name>   Background color. name. Table
<colorbg:#rrggbb>   Background color. rr gg and bb. Table
<br>   Break row Table
<font>   Font settings Table
- size Set font size in pixels. Ex: <font size="32"> Table
- family Set font family name. Ex: <font family="Times New Roman"> Table
- color Set font color. Ex: <font color="#11AA99"> Table
- colorbg, bgcolor Set cell background color. Ex: <font bgcolor="#006611">. usebackground muse also be set. Table
- wordbreak Use wordbreak. Ex: <font wordbreak="yes"> Table
- usebackground Use the background. Ex: <font usebackground="yes"> Table
- bold Set font to bold. Ex: <font bold="no"> Table
- italic Set font to italic. Ex: <font italic="yes"> Table
- charcase Alter character case. normal=No change, upper=Upper case, lower=Lower case. Ex: <font charcase="upper"> Table
- bgtransparency Set background transparency. Value between 0 and 255. Ex: <font bgtransparency="128"> Table
- align Horizontal alignment. Values: left, center, right. Ex: <font align="left"> Table
- valign Vertical alignment. Values: top, middle, bottom. Ex: <font valign="top"> Table
<font-family:"name">   Font name Ticker, Table
<font-size:nn>   Font size Ticker, Table
<i>   Italic Ticker, Table
</i>   Disable italic Ticker, Table
<img>, <image>   Embed an image from the Internet Ticker, Table
- src Source URL (or file in the table) Ticker, Table
- name Image file to embed Ticker
- usealpha Toggle the use of alpha in the image Table
- resize How to scale the image. aspect=Keep aspect ratio, stretch=Strech the image, none=Keep original size. Ex: <img src="c:\test.jpg" resize="aspect"> Table
<sep>   Separator image Ticker

Color values

All html tags that uses a color value can parse the value either as a 24-bit hexadecimal value prefixed with a #-char or a html color name.

The color values are 8 bits for each color. The order is Red Green Blue: #RRGGBB

Color names:

Color name   Color
black #000000
silver #c0c0c0
gray #808080
white #ffffff
maroon #800000
red #ff0000
purple #800080
fuchsia #ff00ff
green #008000
lime #00ff00
olive #808000
yellow #ffff00
navy #000080
blue #0000ff
teal #008080
aqua #00ffff



All items on this website are copyright Klocktornet AB 2012, all rights reserved.
All trademarks are property of their respective owners.