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

WebForms ChipList Overview

Category:
Tags:
Chai $18.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Chang $19.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Aniseed Syrup $10.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Chef Anton's Cajun Seasoning $22.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Chef Anton's Gumbo Mix $21.35

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Grandma's Boysenberry Spread $25.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Uncle Bob's Organic Dried Pears $30.00

Freshness comes first in our Produce category. From sun-dried fruit to tender bean curd, our selection is perfect for health-conscious consumers looking to add natural goodness to their diet.

Northwoods Cranberry Sauce $40.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Mishi Kobe Niku $97.00

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Ikura $31.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Queso Cabrales $21.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Queso Manchego La Pastora $38.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Konbu $6.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Tofu $23.25

Freshness comes first in our Produce category. From sun-dried fruit to tender bean curd, our selection is perfect for health-conscious consumers looking to add natural goodness to their diet.

Genen Shouyu $15.50

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Pavlova $17.45

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Alice Mutton $39.00

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Carnarvon Tigers $62.50

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Teatime Chocolate Biscuits $9.20

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Sir Rodney's Marmalade $81.00

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Sir Rodney's Scones $10.00

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Gustaf's Knäckebröd $21.00

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Tunnbröd $9.00

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Guaraná Fantástica $4.50

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

NuNuCa Nuß-Nougat-Creme $14.00

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Gumbär Gummibärchen $31.23

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Schoggi Schokolade $43.90

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Rössle Sauerkraut $45.60

Freshness comes first in our Produce category. From sun-dried fruit to tender bean curd, our selection is perfect for health-conscious consumers looking to add natural goodness to their diet.

Thüringer Rostbratwurst $123.79

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Nord-Ost Matjeshering $25.89

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Gorgonzola Telino $12.50

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Mascarpone Fabioli $32.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Geitost $2.50

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Sasquatch Ale $14.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Steeleye Stout $18.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Inlagd Sill $19.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Gravad lax $26.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Côte de Blaye $263.50

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Chartreuse verte $18.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Boston Crab Meat $18.40

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Jack's New England Clam Chowder $9.65

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Singaporean Hokkien Fried Mee $14.00

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Ipoh Coffee $46.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Gula Malacca $19.45

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Rogede sild $9.50

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Spegesild $12.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Zaanse koeken $9.50

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Chocolade $12.75

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Maxilaku $20.00

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Valkoinen suklaa $16.25

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Manjimup Dried Apples $53.00

Freshness comes first in our Produce category. From sun-dried fruit to tender bean curd, our selection is perfect for health-conscious consumers looking to add natural goodness to their diet.

Filo Mix $7.00

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Perth Pasties $32.80

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Tourtière $7.45

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Pâté chinois $24.00

Our Meat and Poultry category offers premium cuts and prepared meats that are the highlight of any meal. Responsibly sourced and expertly prepared, they deliver flavor and quality in each serving.

Gnocchi di nonna Alice $38.00

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Ravioli Angelo $19.50

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Escargots de Bourgogne $13.25

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Raclette Courdavault $55.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Camembert Pierrot $34.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Sirop d'érable $28.50

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Tarte au sucre $49.30

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Vegie-spread $43.90

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Wimmers gute Semmelknödel $33.25

Our Grains and Cereals collection is the cornerstone of good nutrition. Featuring wholesome breads, crunchy crackers, versatile pasta, and hearty cereals, each product promises nourishment and taste in every bite.

Louisiana Fiery Hot Pepper Sauce $21.05

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Louisiana Hot Spiced Okra $17.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

Laughing Lumberjack Lager $14.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Scottish Longbreads $12.50

Indulge in the sweet life with our Confections category. Our desserts, candies, and sweet breads are made from the finest ingredients, designed to satisfy your sweet tooth with sophisticated flavors.

Gudbrandsdalsost $36.00

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Outback Lager $15.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Flotemysost $21.50

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Mozzarella di Giovanni $34.80

Discover the creamy delights within our Dairy Products range. Our cheeses are sourced from the best dairies, offering a variety of textures and flavors that cater to cheese aficionados and casual snackers alike.

Röd Kaviar $15.00

Dive into the depths of flavor with our Seafood category. We bring you the freshest seaweed and finest fish, perfect for creating a sea-inspired feast that will tantalize your taste buds

Longlife Tofu $10.00

Freshness comes first in our Produce category. From sun-dried fruit to tender bean curd, our selection is perfect for health-conscious consumers looking to add natural goodness to their diet.

Rhönbräu Klosterbier $7.75

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Lakkalikööri $18.00

Quench your thirst with our premium selection from the Beverages category. Experience the finest blends of soft drinks, aromatic coffees, robust teas, crisp beers, and ales, each crafted to perfection to suit every palate.

Original Frankfurter grüne Soße $13.00

Elevate your culinary creations with our exquisite Condiments collection. From the sweet and tangy to the savory and rich, our sauces, relishes, spreads, and seasonings are the secret ingredients to unforgettable dishes.

About Telerik WebForms ChipList for ASP.NET AJAX

The Telerik WebForms ChipList is a container of two or more individual Chip components. Each chip from the list can be selected or removed and supports various styling options. The ChipList component is commonly used for single or multiple selections.

In this demo, you can see the ChipList used as Tags for products listing, filtering options. The ChipList appears in a solid and outline styling.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Demos.ChipList.Overview.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
    <script src="scripts.js"></script>
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadCard1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" MinDisplayTime="400"></telerik:RadAjaxLoadingPanel>

    <div class="demo-container no-bg flex-center chiplist-demo">
        <telerik:RadCard runat="server" ID="RadCard1" CssClass="demo-card">
            <telerik:CardHeaderComponent runat="server">
                <div>
                    <span>Category: </span>
                    <telerik:RadChipList runat="server" ID="RadChipListCategory" Selectable="Multiple">
                        <ClientEvents OnSelect="onCategorySelect" />
                        <Items>
                            <telerik:ChipListItem Label="Beverages" />
                            <telerik:ChipListItem Label="Condiments" />
                            <telerik:ChipListItem Label="Confections" />
                            <telerik:ChipListItem Label="Dairy Products" />
                            <telerik:ChipListItem Label="Grains/Cereals" />
                            <telerik:ChipListItem Label="Meat/Poultry" />
                            <telerik:ChipListItem Label="Produce" />
                            <telerik:ChipListItem Label="Seafood" />
                        </Items>
                    </telerik:RadChipList>
                    <asp:HiddenField runat="server" ID="HiddenField1" Value="" />
                </div>
                <div>
                    <span>Tags: </span>
                    <telerik:RadChipList runat="server" ID="RadChipListTags" FillMode="Outline" Selectable="Single" ItemSize="Small" Rounded="Full">
                        <ClientEvents OnSelect="onTagSelect" />
                        <Items>
                            <telerik:ChipListItem ThemeColor="Base" Label="Drink" />
                            <telerik:ChipListItem ThemeColor="Base" Label="Pasta" />
                            <telerik:ChipListItem ThemeColor="Base" Label="Cheese" />
                            <telerik:ChipListItem ThemeColor="Base" Label="Dessert" />
                        </Items>
                    </telerik:RadChipList>
                </div>
            </telerik:CardHeaderComponent>

            <telerik:CardBodyComponent runat="server" CssClass="overflow-y">
                <telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="PlaceHolder1" OnNeedDataSource="RadListView1_NeedDataSource"
                    OnItemDataBound="RadListView1_ItemDataBound">
                    <LayoutTemplate>
                        <div class="listview-layout flex">
                            <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
                        </div>
                    </LayoutTemplate>

                    <ItemTemplate>
                        <telerik:RadCard runat="server" Width="250px" ID="lvItemCard">
                            <telerik:CardImageComponent runat="server">
                                <asp:Image CssClass="image" ImageUrl='<%# string.Format("~/Img/Northwind/Products/{0}.jpg", Eval("ProductID")) %>' runat="server" />
                            </telerik:CardImageComponent>
                            <telerik:CardHeaderComponent runat="server">
                                <telerik:CardTitleComponent runat="server">
                                    <span class="product-name" title='<%# Eval("ProductName") %>'><%# Eval("ProductName") %></span>
                                    <span><strong><%# ((decimal)Eval("UnitPrice")).ToString("C") %></strong></span>
                                </telerik:CardTitleComponent>
                                <telerik:CardSubtitleComponent runat="server" CssClass="k-no-click">

                                    <telerik:RadChipList ID="RadChipListTags" runat="server" ItemSize="Small" Rounded="Full" FillMode="Outline"></telerik:RadChipList>

                                </telerik:CardSubtitleComponent>
                            </telerik:CardHeaderComponent>

                            <telerik:CardBodyComponent runat="server">
                                <p>
                                    <span><%# Eval("Description") %></span>
                                </p>
                            </telerik:CardBodyComponent>

                            <telerik:CardFooterComponent runat="server">
                                <telerik:CardActionsContainerComponent runat="server" Orientation="Horizontal" CardActionsAppearance="Stretched">
                                    <telerik:CardActionComponent runat="server">
                                        <span class="k-button k-button-lg k-flat"><span class="t-icon t-i-cart"></span>Buy</span>
                                    </telerik:CardActionComponent>
                                    <telerik:CardActionComponent runat="server">
                                        <span class="k-button k-button-lg k-flat"><span class="t-icon t-i-heart-outline"></span>Favorite</span>
                                    </telerik:CardActionComponent>
                                </telerik:CardActionsContainerComponent>
                            </telerik:CardFooterComponent>
                        </telerik:RadCard>
                    </ItemTemplate>
                </telerik:RadListView>
            </telerik:CardBodyComponent>
        </telerik:RadCard>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance