New to Telerik UI for WinUI? Download free 30-day trial

Product Card

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

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

In this article
Not finding the help you need?