| |
exHTML | 1
|
Currently, the Exontrol's built-in HTML format supports the following HTML tags:
-
<b> ... </b> displays the text in bold
-
<i> ... </i> displays the text in italics
-
<u> ... </u> underlines the text
-
<s> ... </s>
Strike-through text
-
<a id;options> ... </a> displays an anchor element that can be clicked. An anchor is a piece of text or some other object (for example an image) which
marks the beginning and/or the end of a hypertext link.The <a> element is used to mark that piece of text (or inline image), and to give its hypertextual relationship to other documents.
The control fires the AnchorClick(AnchorID, Options) event when the user clicks the anchor element. The FormatAnchor property customizes the visual effect for anchor elements.
The control supports expandable HTML captions feature which allows you to expand(show)/collapse(hide) different information using <a ;exp=> or <a ;e64=> anchor tags.
The exp/e64 field of the anchor stores the HTML line/lines to show once the user clicks/collapses/expands the caption.
- exp, stores the plain text to be shown once the user clicks the anchor, such as <a ;exp=show lines>
- e64, encodes in BASE64 the HTML text to be shown once the user clicks the anchor, such as <a ;e64=gA8ABmABnABjABvABshIAOQAEAAHAAGESikWio+ABzABohp3iELABpABuABljYAgRhAEaFsqAAvAEsjUCmUEg0IhUMhUPjQAAEBA>+</a> that displays show lines- in gray when the user clicks the + anchor. The gA8ABmABnABjABvABshIAOQAEAAHAAGESikWio+ABzABohp3iELABpABuABljYAgRhAEaFsqAAvAEsjUCmUEg0IhUMhUPjQAAEBA string encodes the <fgcolor 808080>show lines<a>-</a></fgcolor> The Decode64Text/Encode64Text methods of the eXPrint can be used to decode/encode e64 fields.
Any ex-HTML caption can be transformed to an expandable-caption, by inserting the anchor ex-HTML tag. For instance,
<solidline><b>Header</b></solidline><br>Line1<r><a ;exp=show lines>+</a><br>Line2<br>Line3 shows
the Header in underlined and bold on the first line and Line1, Line2, Line3 on the rest. The show lines is shown instead of Line1, Line2, Line3 once the user clicks the + sign.
-
<font face;size> ... </font> displays portions of text with a different font and/or different size. For instance, the <font Tahoma;12>bit</font>
draws the bit text using the Tahoma font, on size 12 pt. If the name of the font is missing, and instead size is present, the current font is used with a different size.
For instance, <font ;12>bit</font> displays the bit text using the current font, but with a different size.
-
<fgcolor rrggbb> ... </fgcolor> or <fgcolor=rrggbb> ... </fgcolor> displays text with a specified foreground color. The rr/gg/bb represents the red/green/blue values of the color in hexa values.
-
<bgcolor rrggbb> ... </bgcolor> or <bgcolor=rrggbb> ... </bgcolor> displays text with a specified background color. The rr/gg/bb represents the red/green/blue values of the color in hexa values.
-
<solidline rrggbb> ... </solidline> or <solidline=rrggbb> ... </solidline> draws a solid-line on the bottom side of the current text-line, of specified RGB color. The <solidline> ... </solidline> draws a black solid-line on the bottom side of the current text-line. The rr/gg/bb represents the red/green/blue values of the color in hexa values.
-
<dotline rrggbb> ... </dotline> or <dotline=rrggbb> ... </dotline> draws a dot-line on the bottom side of the current text-line, of specified RGB color. The <dotline> ... </dotline> draws a black dot-line on the bottom side of the current text-line. The rr/gg/bb represents the red/green/blue values of the color in hexa values.
-
<upline> ... </upline> draws the line on the top side of the current text-line (requires <solidline> or <dotline>).
-
<r> right aligns the text
-
<c> centers the text
-
<br> forces a line-break
-
<img>number[:width]</img> inserts an icon inside the text. The number indicates the index of the icon being inserted. Use the Images method to assign a list of icons to your
chart. The last 7 bits in the high significant byte of the number expression indicates the identifier of the skin being used to paint the object. Use the Add method to add new skins to the control.
If you need to remove the skin appearance from a part of the control you need to reset the last 7 bits in the high significant byte of the color being applied to the part. The width
is optional and indicates the width of the icon being inserted. Using the width option you can overwrite multiple icons getting a nice effect. By default, if the width field is missing, the width is 18 pixels.
-
<img>key[:width]</img> inserts a custom size picture into the text being previously loaded using the HTMLPicture property. The Key parameter indicates the key of the picture
being displayed. The Width parameter indicates a custom size, if you require to stretch the picture, else the original size of the picture is used.
-
& glyph characters as & ( & ), < ( < ), > ( > ), &qout; ( " ) and &#number;
( the character with specified code ), For instance, the € displays the EUR character. The & ampersand is only recognized as markup when it is followed
by a known letter or a #character and a digit. For instance if you want to display <b>bold</b> in HTML caption you can use <b>bold</b>
- <off offset> ... </off> defines the vertical offset to
display the text/element. The offset parameter defines the offset to display
the element. This tag is inheritable, so the offset is keep while the
associated </off> tag is found. You can use the <off offset>
HTML tag in combination with the <font face;size> to define a smaller
or a larger font to be displayed. For instance: Text with <font ;7><off
6>subscript displays the text such as: Text with subscript
The Text with <font ;7><off -6>superscript
displays the text such as: Text with subscript
- <gra rrggbb;mode;blend> ... </gra> defines a gradient text.
The text color or <fgcolor> defines the starting gradient color, while
the rr/gg/bb represents the red/green/blue values of the ending color, 808080 if missing as
gray. The mode is a value between 0 and 4, 1 if missing, and blend could be 0 or 1, 0 if missing.
The <font> HTML tag can be used to define the height of the font. Any
of the rrggbb, mode or blend field may not be specified. The <gra>
with no fields, shows a vertical gradient color from the current text color
to gray (808080). For
instance the <font ;18><gra FFFFFF;1;1>gradient-center</gra></font>
generates the following picture:
- <out rrggbb;width> ... </out> shows the text with outlined characters,
where rr/gg/bb represents the red/green/blue values of the outline color, 808080 if missing as gray, width indicates the size of
the outline, 1 if missing. The text color or <fgcolor> defines the
color to show the inside text. The <font> HTML tag can be used to
define the height of the font. For
instance the <font ;31><out 000000><fgcolor=FFFFFF>outlined</fgcolor></out></font>
generates the following picture:
- <sha rrggbb;width;offset> ... </sha> define a text with a shadow,
where rr/gg/bb represents the red/green/blue values of the shadow color, 808080 if missing as gray, width indicates the size of shadow, 4 if missing, and offset indicates the offset from the origin to display the text's shadow, 2 if missing.
The text color or <fgcolor> defines the color to show the inside text.
The <font> HTML tag can be used to define the height of the font.
For
instance the <font ;31><sha>shadow</sha></font>
generates the following picture:
or
<font ;31><sha 404040;5;0><fgcolor=FFFFFF>outline anti-aliasing</fgcolor></sha></font>
gets:
For instance, the following HTML caption
<font Segoe Print>This is a bit of text with a <b>different</b> font</font>
<upline><dotline>left 1<r><b>right</b> 2
<img>1</img><c><a><s>center <img>pic1:64</img> picture</s><r></a><img>2</img>
left 3 <c>center<r><b>right</b> 4
generates the following screen shot:
| |
| |
exComputedField | 2
|
Indicates a computed field. The CellValue
property indicates the
formula to compute the field. A computed field can display its content using the
values from any other cell in the same item/row. For instance %1 + %2 indicates
that the cell displays the addition from the second and third cells in the same
item ( cells are 0 based ). For instance, if the cells are of numeric format the
result is the sum of two values, while if any of the cell is of string type it performs
a concatenation of the specified cells. The ComputedField property indicates the
formula to compute all cells in the column. The exComputedField can be combined
with exText or exHTML. For instance, the
exComputedField +
exHTML indicates that the computed field may display HTML tags.
The syntax for the CellValue property should be: formula where %n
indicates the cell from the n-index. The operation being supported are listed
bellow.
For instance %1 + %2 indicates the sum of all
cells in the second and third column from the current item.
| |
| |
exTotalField | 4
|
Indicates a total/subtotal field. The CellValue
property indicates the
formula for total field that includes an aggregate function such as: sum, min,
max, count, avg. The exTotalField can be combined
with exText or exHTML. For instance, the exTotalField +
exHTML indicates that the total field may display HTML tags.
The syntax for the CellValue property should be: aggregate(list,direction,formula)
where:
aggregate must be one of the following:
- sum - calculates the sum of values.
- min - retrieves the minimum value.
- max - retrieves the maximum value.
- count - counts the number of items.
- avg - calculates the average of values.
list must be one of the following:
- a long expression that specifies the index of the item being referred.
- a predefined string expression as follows:
- all - indicates all items, so the formula is being applied to all
items. The direction has no effect.
- current - the current item.
- parent - the parent item.
- root - the root item.
direction must be one of the following:
- dir - collects the direct descendents.
- rec - collects the leaf descendents ( leaf items ). A leaf item is an item with
no child items.
- all - collects all descendents.
Currently, the following items are excluded by aggregate functions:
- not-sortable items. The SortableItem property specifies whether the item
can be sorted ( a sortable item can change its position after sorting, while
a not-sortable item keeps its position after sorting.
- not-selectable items. The SelectableItem
property specifies whether the user can selects/focus the specified item.
- divider items. The ItemDivider
property specifies whether the item displays a single cell, instead
displaying whole cells.
In conclusion, aggregate functions counts ONLY items that are:
In short, setting a different value for any of these properties causes the
item to be ignored by the aggregate functions. The Def(exTotalColumn) property
specifies a formula that defines the total fields applied to all unformatted and
non-leaf cells within the column.
For instance:
- count(current,dir,1) counts the number of
child items ( not implies recursively child items ).
- count(current,all,1) counts the number of all
child items ( implies recursively child items ).
- count(current,rec,1) counts the number of
leaf items ( implies recursively leaf items ).
- count(current,rec,1) counts the number of
leaf items ( a leaf item is an item with no child items ).
- sum(parent,dir,%1=0?0:1) counts the not-zero
values in the second column (%1)
- sum(parent,dir,%1 + %2) indicates the sum of
all cells in the second (%1) and third (%2) column that are directly
descendent from the parent item.
- sum(all,rec,%1 + %2) sums all leaf cells in
the second (%1) and third (%2) columns.
| |