New to Telerik UI for WinUI? Start a free 30-day trial
Product Card
Updated on Mar 26, 2026
ProductCard extends ImageCard by adding a few more fields for additional information intended to describe a product. Below are the properties that are specific for it.
RatingItemsCount—Controls the overall number of items based on which the product will be ratedRating—Sets the rating value of the given card productPrice—The product price
Defining a ProductCard
C#
ProductCardMessage productCardMessage = new ProductCardMessage(this.currentAuthor);
productCardMessage.Title = "Fruit Combo";
productCardMessage.SubTitle = "Boost your health now!";
productCardMessage.Text = "We offer tasty fruit combinations!";
productCardMessage.CloseAfterReport = true;
productCardMessage.ImageSource = new BitmapImage(new Uri("ms-appx:///FruitCombo.png", UriKind. Absolute));
productCardMessage.RatingItemsCount = 5;
productCardMessage.Price = "Starting from 200$/month";
productCardMessage.Rating = 3;
this.chat.AddMessage(productCardMessage);
Adding such product card will result in the following message.
RadChat with a ProductCard
