The Group objects with the same Shortcut property belongs to the same set, and displays the Shortcut caption in the control's shortcut bar. The ShowShortcutBar property specifies whether the control's shortcut bar is visible or hidden. By default, the Shortcut property is empty, so all Group in the Groups collection belongs to the same set. The shortcut bar displays the first icon in the HTML caption, if found, or it displays a custom size picture if specified using the the ShortcutPicture property. If the Shortcut has associated a custom size picture ( ShortcutPicture property ), the first icon found in the HTML caption is not displayed in the shortcut bar. The entire Shortcut caption is displayed when the shortcut is expanded. Use the ExpandShortcutCount property to expand the number of shortcuts in the control's shortcut bar.

The Shortcut property supports the following 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: