Try our conversational search powered by Generative AI!

Alexander Haneng
Jun 29, 2011
(2 votes)

Using EPiImage with Page Type Builder (PTB)

I have gotten a few questions about how to use EPiImage with PTB. So in this blog post I thought I would cover the basics.


People have been using EPiImage with PTB almost since the start of EPiImage, but with the new 2.5 version it is even easier.



Adding a EPiImageProperty to a PageType:

[PageTypeProperty(EditCaption = "Main image", Type = typeof(EPiImageProperty))]
public virtual EPiImagePropertyData MainImage
    get; set;


You can access the property directly:

Image url: <%=CurrentPage.MainImage.ImageUrl%>
Image description: <%=CurrentPage.MainImage.ImageDescription%>


Or use it with EPiImageResizer:

<%@ Register TagPrefix="EPiImage" TagName="EPiImageResizer" 
    Src="~/EPiImage/UserControls/EPiImageResizer.ascx" %>
<EPiImage:EPiImageResizer ID="Image" 
    Transformation="ScaleToFit" runat="server" />



Adding a EPiImageGalleryProperty to a PageType:

[PageTypeProperty(EditCaption = "Image gallery", Type = typeof(EPiImageGalleryProperty))]
public virtual EPiImageGalleryImageCollection ImageGallery


You can access the property directly:

foreach (EPiImageGalleryImage Image in CurrentPage.ImageGallery)
  Image Url: <%= Image.ImageURL %><br />
  Link Url: <%= Image.LinkURL %><br />
  Description: <%= Image.Description %><br />


Or using EPiImageGalleryViewer:

<%@ Register TagPrefix="EPiImage" 
<EPiImage:EPiImageGalleryViewer ID="Viewer"
    runat="server" />


Or using EPiImageGalleryGrid:

<%@ Register TagPrefix="EPiImage" 
    Src="~/EPiImage/UserControls/EPiImageGalleryGrid.ascx" %>
<EPiImage:EPiImageGalleryGrid ID="Grid" 
    ThumbnailHeight="150" ThumbnailWidth="150" 
    DescriptionHeight="20" DownloadLinkHeight="20" 
    LinkThumbnailsTo="OriginalImage" runat="server" />


Download EPiImage

For more information about EPiImage and to download the module visit the EPiImage EPiCode page.



Posted by

Jun 29, 2011


Please login to comment.
Latest blogs
Optimizely Web... 6 Game Changing Features in 2024

If you are interested in learning about what's new within Optimizely Web, you are in the right place. Carry on reading to learn about the 6 greates...

Jon Jones | Mar 3, 2024 | Syndicated blog

Headless forms reloaded (beta)

Forms is used on the vast majority of CMS installations. But using Forms in a headless setup is a bit of pain since the rendering pipeline is based...

MartinOttosen | Mar 1, 2024

Uploading blobs to Optimizely DXP via PowerShell

We had a client moving from an On-Prem v11 Optimizely instance to DXP v12 and we had a lot of blobs (over 40 GB) needing uploading to DXP as a part...

Nick Hamlin | Mar 1, 2024 | Syndicated blog

DbLocalizationProvider v8.0 Released

I’m pleased to announce that Localization Provider v8.0 is finally out.

valdis | Feb 28, 2024 | Syndicated blog