By default, the Pictures property is "", which means that initially no pictures are being displayed on the event. The Pictures or/and ExtraPictures property displays a collection of icons, pictures in the event's body. The pictures are shown on the event's body only if they fit the event's body. For instance, if the event is too small, the ShortLabel is displayed, and no icons or pictures are displayed. The PicturesAlign property indicates the alignment of the pictures relative to the event's borders. 

The Images method loads icons to the control, HTMLPicture assigns a key to a picture object, and the Pictures collection handles the identifiers of the pictures that can be used in the Pictures or ExtraPictures properties. The AddEvent event notifies your application once a new event is added. You can use this event to initialize the Pictures/PicturesAlign or ExtraPictures/ExtraPicturesAlign properties. 

In conclusion, in order to display an icon or a picture in the control you need first to load the icons or the pictures you plan to display, using the Images method, HTMLPicture, or Add method of the ExPictures collection. The Images collection can display only 16x16 icons, while the HTMLPicture, or Add method can load and display custom sized pictures. The Width/Height  property specifies the width and height of the picture to be displayed in the event's body.

The event can display icons, pictures several ways as follows:

• Using the <img> HTML tag, if used in any label properties such as LongLabel or ExtraLabel property. The ShortLabel property can not display images or HTML font attributes. If the <img> tag is included in a <a> HTML tag, you have a clickable image through the AnchorClick event. This option can be used to display a default icon or picture for all events in the control using the DefaultEventLongLabel property.
• Using the Pictures property of the Event object, which indicates a list of pictures from Pictures collection to be displayed on the event's body. The PicturesAlign property indicates the alignment of the pictures relative to the borders of the event. The hand cursor is shown, if the ExPicture.ShowCursorHand property is set, when the cursor hovers the picture. The PictureClick event is fired if the user clicks a picture on event's picture. You can use the PictureFromPoint property to get the identifier of the picture from the cursor. 
• Using the ExtraPictures property of the Event object, which indicates a list of pictures from Pictures collection to be displayed on the event's body. The ExtraPicturesAlign property indicates the alignment of the pictures relative to the borders of the event. The hand cursor is shown, if the ExPicture.ShowCursorHand property is set, when the cursor hovers the picture. The PictureClick event is fired if the user clicks a picture on event's picture. You can use the PictureFromPoint property to get the identifier of the picture from the cursor. 

The Picture and ExtraPictures may display one or more pictures at the time. The , character indicates the separator of pictures in the same line, while the / character divides the lines to show the pictures. For instance, "1,2" displays icon with the index 1 and 2 on the same line, while the "1/2,pic1" displays the first icon on the first line, the second icon and the picture pic1 on the second line.