Property.HTMLName Property (ExPropertiesList)

By default, the HTMLName property is empty. If the HTMLName property is empty, the Name property is displayed in the name column. Use the HTMLName property to assign pictures, icons or font attributes to parts of the caption being displayed in the Name column. The HTMLValue property specifies the HTML caption to be displayed on the Value column. The SingleLine property indicates whether the property is displaying by single or multiple lines.

The HTMLName property supports the following built-in HTML tags:

 ...  displays the text in bold
 ...  displays the text in italics
 ...  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.
 ...  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.
<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
  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 bold in HTML caption you can use bold
<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
<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:

For instance, the "Bold" sequence displays a string like follows: Bold. The control displays the HTMLName property instead Name property, only if the HTMLName is not empty. Use the IncludeProperty to assign a new html format for a specified property, like in the following sample.

For instance, the following VB sample adds an icon to the Appearance property.

Private Sub PropertiesList1_IncludeProperty(ByVal Property As EXPROPERTIESLISTLibCtl.IProperty, Cancel As Boolean)
    If Property.Name Like "Appearance" Then
        Property.HTMLName = "<img>1</img>" & Property.Name
    End If
End Sub

For instance, the following template sample adds three properties and assign an icon to each of them, using the <img> tag.

BeginUpdate 
Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTqlVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/syEQSEADGYbGAGCwj/jWKxuPjOEyOJwcOxuVx2MyOViGAz0szWUwmOx2TjOh1Ea0OjzGt1mL1UPuuZ2Vcw2I29NzOXyWJ1WiwuHieM0uW0fA0O51G1uedzvK5lS3PT4W5qW9xnO2XP4WnyEzztw2nZ2XQxnmpPU3HV9mI7WhnWk13f8nE+fhy2T+WvlH4tz3uC9ztvK4TuQE+CeusjT1QC4cHQAmjxwc0zLM7CT8NXBrcuK07orTC8CQPBsAPQ9CaQUjMUQ1ArZRA+sJpWx0GQo88WRe4sMwZDkYLVEkbQdEzfMnA0eJjHcVPRAD9wfDyNwklzsN+70pyElcNsqjb/LLJciS65jCSCxcmpfK7exS4UZR/F0gO6l81whKrezlEcBxqxEdy0sjUs2/kvQzOExQQmEdSxBcfyU+86yMzkWxi2MEPROcKTK/sxx7KTgQlBU5zyncGUjR8mTsms31DJE1UNEVKSzSy4yXLkQyKokAQs+lFQjRkb1DLUk0bM71zvQsO0EvdXvmqlaVinEJUlUSUVBYcq1XULPpVJauTgm01uxW9UzZO9vWnaNq3I5FFWTSFD3PWM8VbctivnYz+XlTN43tQKyosHyV32jyQJEkgAJKlGBpxTt3p4iiNnmf+GI2cB/4hh4fnAH6NmAB+MYuAZgIMjRAADkCN5BkSNoNjyNZPkYDkAA+HgOcGXI0fAH5ojZ/AfnEsk+f5P1Y6KAg")
Add("Icon1","",1).HTMLName = "1Icon 1"
Add("Icon2","",1).HTMLName = "2Icon 2"
Add("Icon3","",1).HTMLName = "3Icon 3"
EndUpdate

The following VB sample adds a picture to a property:

With PropertiesList1
    .HasGridLines = False
    .DefaultItemHeight = 52
    .HTMLPicture("floppy") = "D:\Temp\Icons\3floppy_1mount.gif"
    .HTMLPicture("hard") = "D:\Temp\Icons\3floppy_mount.gif"
    With .Add("Floppy", "", EditColor)
        .HTMLName = "<img>floppy</img>Floppy"
    End With
    With .Add("Hard", "", EditColor)
        .HTMLName = "<img>hard</img>Hard"
    End With
End With

		Type	Description
		String	A string expression that indicates the HTML format being displayed in the Name column, instead Name property.