Formatting tags

From DISE KnowledgeBase

Jump to: navigation, search

For some objects, such as the ticker and the table object, you can use inline formatting HTML-like tags to change some features of the text or cell. 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 formatting tags

List of supported formatting 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 Enter the name of a preconfigured image 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 color name.

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

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