New to Telerik UI for WinUIStart 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 rated
  • Rating—Sets the rating value of the given card product
  • Price—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

RadChat with a ProductCard

Not finding the help you need?
Contact Support