From the course: Building a Web Application on Microsoft Azure

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Modifying the web application to display the thumbnails

Modifying the web application to display the thumbnails - Azure Tutorial

From the course: Building a Web Application on Microsoft Azure

Start my 1-month free trial Buy for my team

Modifying the web application to display the thumbnails

“

- We need to modify the AESP.net core web application since we need to show the thumbnails in the pets catalog. So the pets catalog is implemented in this index.cs HTML file. And we have this table. So let's add a new cell, and inside the cell we're going to use this image for showing the thumbnails. So the class is image thumbnail. This is a regular bootstrap thing and alt for those pets that don't have a picture, and finally, the source. I know for sure that I have photo URL; however, this photo URL is pointing to the photos container, and I need to show the thumbnails. So this way that we have right now is just replace photos with thumbnails. And I think this is nice, since we don't want to modify the pet class and some other options that we could implement. Okay, so finally, let's modify the site.CSS file since I want to add a new style for the TRs, in other words, for the table rows. Particularly I want a fixed…

Contents