EntrySet.Lists Namespace

ColorList Component

The PureComponents ColorList control extends the listbox control. It does almost everything that a list box does and also can display a colored box next to items in the list.

ColorList Anatomy

The following picture shows the individual parts of the ColorList control.

Color Box
Item Text
Item Description
Selected Item
Item Gap
ColorList Background

Color Box

What makes the ColorList different from the other list components is a Color Box - a colored rectangle for each item. Different colors and styles can be set, as well as the ColorBoxSize.

The following image shows the Color Box FillStyle options, the values are: Flat, VerticalFading, HorizontalFading, DiagonalBackward, DiagonalForward, VistaFading, VerticalFading2, VerticalFading3

Zoom Image

The Color Box can be of transparent color. In this case just the dotted frame is displayed.

Item text, Item Description

Every item has its Text and optional Description which is displayed below the text. The text and the description have their individual style so their apearance can be set separately. The left picture shows items with the description, the right picture items without it.

Each ColorList item can have its own style. To reach this the LocalStyle property must be set to true. This property is a member of the ColorListItem class. All the items in the following picture have their own style defined.

Item text, Item Description

Each ColorList item has the divider. This is a horizontal line separating items from each other. The divider can use the different kinds of outline and its color can be changed.

The following figure shows another possibilities of displaying items. The selected one is highlighted in orange.

Selected Item

The SelectedItem has its own style defined in ColorList. It is possible to choose the color, background fill style and the border. The mouse hover effect can be set by TrackingBackColor and TrackingTransparency properties.

Selecting the item and tracking is shown in the following figure.

Item Gap

The space between the items can be adjusted by the ItemGap property.

ColorList Background

It is possible to set the BackColor and FillStyle of the ColorList. The picture shows the FillStyle options, the values are: Flat, VerticalFading, HorizontalFading, DiagonalBackward, DiagonalForward, VistaFading, VerticalFading2, VerticalFading3.

The drawing the odd and even items with the different style is also supported. It is done by setting the ColorList ShowAlternateItems property to true.

Testimonials

I wanted to let you know that
I thought the package
of components is the best I've seen both in terms of looks
and functionality and user-friendliness. The developers did a fantastic job on it and really made it easy for a developer
to use them. Perhaps you can let them know.

Congratulations.
Best, Francois