Level.ReplaceLabel Property (ExGantt)

By default, the Label property specifies the caption being displayed in the chart's header. Use the ReplaceLabel property to customize your chart's header. The ReplaceLabel property may be used to add icons or pictures ( <img> ), or change the captions of the levels in the chart's header. The ReplaceLabel property is a get/set property. When get property is called, the ReplaceLabel(Label) property returns the replacement HTML string for specified label. If the set property is called, the specified label is replaced with the newly value, so the newly value is displayed instead. You can remove all replacement by calling the set ReplaceLabel property with Label parameter as empty string. The Label parameter never includes the HTML built tags. For instance, if your Label property is "<%h%><%AM/PM%>", then the Label parameter should be: 12AM,1AM,2AM, and so on, as they are displayed on the chart's header.

The following screen shot shows the chart's header when no replacements are performed:

The following screen shot shows the chart's header when the hours were replaced with icons:

The following screen shot shows the chart's header when the hours were replaced with icons, excepts the 12:00 PM were replaced by Noon caption:

The ReplaceLabel property supports the following built-in HTML elements:

 bold bolds a part of the caption.
 underline specifies that the portion should appear as underlined.
<s> ~~strikeout~~ </s> specifies that the portion should appear as strikeout.
 italic specifies that the portion should appear as italic.
<fgcolor=FF0000> fgcolor </fgcolor> changes the foreground color for a portion.
<bgcolor=FF0000> bgcolor </bgcolor> changes the background color for a portion.
  breaks a line.
<solidline> draws a solid line. If has no effect for a single line caption.
<dotline> draws a dotted line. If has no effect for a single line caption.
<upline> draws the line to the top of the text line
<r> aligns the rest of the text line to the right side. It has no effect if the caption contains a single line.
<img>number[:width]</img> inserts an icon inside the cell's caption. 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 being 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.
text displays portions of text with a different font and/or different size. For instance, the bit 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, bit displays the bit text using the current font, but with a different size.
<a id;options> anchor </a>, specifies hyperlinks in your text. 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 event when the user clicks an anchor element. Use the FormatAnchor property to specify the visual effect for anchor elements. For instance, if the user clicks the anchor <a1>anchor</a>, the control fires the AnchorClick event, where the AnchorID parameter is 1, and the Options parameter is empty. Also, if the user clicks the anchor <a 1;yourextradata>anchor</a>, the AnchorID parameter of the AnchorClick event is 1, and the Options parameter is "yourextradata". You can use the <a> anchor elements to insert hyperlinks to cells, bars or links.
& glyph characters as &amp ( & ), &lt ( < ), &gt ( > ), &qout ( " ), &#number, For instance, the &#8364 displays the EUR character, in UNICODE configuration. 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 bold in HTML caption you can use bold

Newer HTML format supports subscript and superscript like follows:

<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 to define a smaller or a larger font to be displayed. For instance: "Text with <off 6>subscript" displays the text such as: Text with _subscriptThe "Text with <off -6>superscript" displays the text such as: Text with ^subscript

Also, newer HTML format supports decorative text like follows:

<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 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 "<gra FFFFFF;1;1>gradient-center</gra>" 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 HTML tag can be used to define the height of the font. For instance the "<out 000000><fgcolor=FFFFFF>outlined</fgcolor></out>" 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 HTML tag can be used to define the height of the font. For instance the "<sha>shadow</sha>" generates the following picture:

or "<sha 404040;5;0><fgcolor=FFFFFF>outline anti-aliasing</fgcolor></sha>" gets:

		Type	Description
		Label as String	A String expression that specifies the caption being replaced. If empty, the set method removes all replacements in the level.
		String	A String expression that specifies the new caption, that can use built-n HTML tags as explained bellow.