Section 1: CA / CAItem / CR list - Html.PropertyFor and Html.RenderTagWithMetadata

ContentAreaItem1 with Html.PropertyFor

ContentArea1 with Html.PropertyFor

ContentAreaItem1 with Html.RenderTagWithMetadata

ContentArea1 with Html.RenderTagWithMetadata

ImageList1 with Html.RenderTagWithMetadata

Section 2: CA / CAItem / CR list - TagHelper

ContentAreaItem1 with TagHelper epi-property

ContentArea1 with TagHelper epi-property

ImageList1 with TagHelper epi-property

ContentAreaItem1 with TagHelper dam-asset

ContentArea1 with TagHelper dam-asset

ImageList1 with TagHelper dam-asset

ImageList1 with Url.DamAssetUrl

Section 3: ContentReference Properties with DamAssetUrl

Image1 with DamAssetUrl

https://images2.cmp.optimizely.com/assets/cosmos+flower.jpg/f7585892530211f0ab751a4a9907814d

Original DAM Image

Thumbnail DAM Image

Crop DAM Image

Banner DAM Image

Banner PNG DAM Image

nonexistingrendition DAM Image

Video1 with DamAssetUrl

Original DAM Video

Alternate DAM Video

[Test] Shadab DAM Video

nonexistingrendition DAM Video

Section 4: ContentReference Properties with Html.RenderTagWithMetadata

Image1 with Html.RenderTagWithMetadata

Video1 with Html.RenderTagWithMetadata

MediaFile1 with Html.RenderTagWithMetadata

Section 5: ContentReference Properties with TagHelper dam-asset

Image1 with TagHelper dam-asset

Video1 with TagHelper dam-asset

Media1 with TagHelper dam-asset

Section 6: ContentReference Properties with Html.PropertyFor

Image1 with Html.PropertyFor

Video1 with Html.PropertyFor

Florence city 123

Media1 with Html.PropertyFor

Section 7: ContentReference Properties with html tags: img/video/a

Image1 with img tag and epi-property

Video1 with video tag and epi-property

Media1 with a tag and epi-property