New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Selection Mode

Updated over 6 months ago

The ChipList provides options for setting its selection mode that will either prevent selecting the Chip items, allow selecting only one Chip item at a time, or allow selecting them all at the same time.

This option can be controlled through the Selectable property. The available options are:

None (default)
Single
Multiple

None Selection

The None selection mode disables the Chip selection.

"ChipList Selection Mode None"

Example

ASP.NET

<telerik:RadChipList runat="server" Selectable="None">
    <Items>
        <telerik:ChipListItem Label="Chip 1"  />
        <telerik:ChipListItem Label="Chip 2"  />
        <telerik:ChipListItem Label="Chip 3"  />
    </Items>
</telerik:RadChipList>

Single Selection

The Single selection mode enables selection for only one Chip at a time.

"ChipList Selection Mode Single"

Example

ASP.NET

<telerik:RadChipList runat="server" Selectable="Single">
   <Items>
       <telerik:ChipListItem Label="Chip 1"  />
       <telerik:ChipListItem Label="Chip 2"  />
       <telerik:ChipListItem Label="Chip 3"  />
   </Items>
</telerik:RadChipList>

Multiple Selection

The Multiple selection mode enables selection for one or more Chips at the same time.

"ChipList Selection Mode Multiple"

Example

ASP.NET

<telerik:RadChipList runat="server" Selectable="Multiple">
    <Items>
        <telerik:ChipListItem Label="Chip 1"  />
        <telerik:ChipListItem Label="Chip 2"  />
        <telerik:ChipListItem Label="Chip 3"  />
    </Items>
</telerik:RadChipList>

Selection Mode

None Selection

Single Selection

Multiple Selection

Next Steps

See Also