By default, the CaptionFormat property is exText.  Use the CaptionFormat property to allow built-in HTML tags to the group's caption. Use the Caption property to access the group's caption. Use the AddItem method to add a new item to the group. The Caption property supports the following built-in HTML tags:

• <b> bold </b>
• <u> underline </u>
• <s> strikeout </s>
• <i> italic </i>
• <fgcolor = FF0000> fgcolor </fgcolor>
• <bgcolor = FF0000> bgcolor </bgcolor>
• <br> breaks a line. 
• <solidline> draws a solid line
• <dotline> draws a dotted line
• <upline> draws the line to the top of the text line
• <r> aligns the rest of the text line to the right side
• <img>number</img> inserts an icon inside the item's caption. The number indicates the index of the icon being inserted.
• <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.
• <font face;size>text </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.

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 <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

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 <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:

  

 

The following VB sample adds an HTML item:

With ListBar1.Groups(0)
    With .AddItem("This is an <fgcolor=000080><b>HTML</b></fgcolor> item.")
        .CaptionFormat = exHTML
    End With
End With

The following C++ sample adds an HTML item:

COleVariant vtMissing; V_VT( &vtMissing ) = VT_ERROR;
CGroup group = m_listbar.GetGroups().GetItem( COleVariant( long(0) ) );
CItem item = group.AddItem( "This is an <fgcolor=000080><b>HTML</b></fgcolor> item.", vtMissing );
item.SetCaptionFormat( 1 /*exHTML*/ );

The following VB.NET sample adds an HTML item:

With AxListBar1.Groups(0)
    With .AddItem("This is an <fgcolor=000080><b>HTML</b></fgcolor> item.")
        .CaptionFormat = EXLISTBARLib.CaptionFormatEnum.exHTML
    End With
End With

The following C# sample adds an HTML item:

EXLISTBARLib.Item item = axListBar1.Groups[0].AddItem("This is an <fgcolor=000080><b>HTML</b></fgcolor> item.", null);
item.CaptionFormat = EXLISTBARLib.CaptionFormatEnum.exHTML;

The following VFP sample adds an HTML item:

With thisform.ListBar1.Groups(0)
    With .AddItem("This is an <fgcolor=000080><b>HTML</b></fgcolor> item.")
        .CaptionFormat = 1 && exHTML
    EndWith
EndWith