1
00:00:00,090 --> 00:00:04,870
In this lecture, we are going to quickly fix the manage page in my browser.

2
00:00:04,890 --> 00:00:07,530
I have this page opened immediately.

3
00:00:07,560 --> 00:00:08,730
You'll notice the issue.

4
00:00:09,030 --> 00:00:11,790
These screenshots are not rendering on this page.

5
00:00:12,030 --> 00:00:14,040
Fixing this issue should be easy.

6
00:00:14,310 --> 00:00:20,670
We need to bind these source attributes on the image tags to render the images in your editor.

7
00:00:20,880 --> 00:00:23,040
Open the Manage template file.

8
00:00:25,550 --> 00:00:32,750
You can find the image tag under a comment that says image on the image tag buying the source attribute

9
00:00:32,780 --> 00:00:33,540
to the clip.

10
00:00:33,610 --> 00:00:35,960
Dot screenshot your property.

11
00:00:38,480 --> 00:00:41,990
The clip object is the reference to the item in the loop.

12
00:00:42,530 --> 00:00:45,980
Next, we need to add the cross origin attribute.

13
00:00:48,510 --> 00:00:53,130
This attribute should allow the image to load since it's from an external resource.

14
00:00:53,340 --> 00:00:55,530
Let's refresh the page in the browser.

15
00:00:57,990 --> 00:00:58,410
Great.

16
00:00:58,560 --> 00:00:59,850
The images are fixed.

17
00:01:00,000 --> 00:01:03,240
Let's continue working on our app in the next lecture.