Alexander Haneng
Aug 23, 2011
  3181
(2 votes)

EPiImage 2.5 Released

The focus in this release have been on adding better Page Type Builder support. EPiImageProperty.Value now returns EPiImagePropertyData and EPiImageGalleryProperty.Value now returns EPiImageGalleryImageCollection.

 

Adding an EPiImageProperty to a Page Type Builder page

[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%>

 

Adding an EPiImageGalleryProperty to a Page Type Builder page

[PageTypeProperty(EditCaption = "Image gallery", Type = typeof(EPiImageGalleryProperty))]
public virtual EPiImageGalleryImageCollection ImageGallery
{
    get;
    set;
}

 

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 />
  <%
}
%>

 

You can read more about using EPiImage and PTB together in the blog post Using EPiImage with Page Type Builder (PTB)

 

Fixed PageLink bug in EPiImageResizer

There was a bug in the EPiImageResizer that would give you an error if you had set the PageLink attribute. It has now been fixed.

So if you have a collection of pages of the type Article that each has an EPiImageProperty called Image, you can list them out like this:

 

<EPiServer:PageList ID="list" PageLink="<%# CurrentPage.PageLink %>" runat="server">
<ItemTemplate>
<EPiServer:Property PropertyName="PageName" ID="name" runat="server" /><br />
<EPiImage:EPiImageResizer ID="image" PropertyName="Image" 
        PageLink="<%# Container.CurrentPage.PageLink %>" runat="server" /><br />
</ItemTemplate>
</EPiServer:PageList>

 

 

Download EPiImage 2.5

EPiImage 2.5 can be downloaded here:

EPiImage.2.5.epimodule

It is also available on EPiServer Nuget. (Version 2.5.1.0)

For more information about EPiImage visit our EPiCode page.

Aug 23, 2011

Comments

Please login to comment.
Latest blogs
Opti ID overview

Opti ID allows you to log in once and switch between Optimizely products using Okta, Entra ID, or a local account. You can also manage all your use...

K Khan | Jul 26, 2024

Getting Started with Optimizely SaaS using Next.js Starter App - Extend a component - Part 3

This is the final part of our Optimizely SaaS CMS proof-of-concept (POC) blog series. In this post, we'll dive into extending a component within th...

Raghavendra Murthy | Jul 23, 2024 | Syndicated blog

Optimizely Graph – Faceting with Geta Categories

Overview As Optimizely Graph (and Content Cloud SaaS) makes its global debut, it is known that there are going to be some bugs and quirks. One of t...

Eric Markson | Jul 22, 2024 | Syndicated blog

Integration Bynder (DAM) with Optimizely

Bynder is a comprehensive digital asset management (DAM) platform that enables businesses to efficiently manage, store, organize, and share their...

Sanjay Kumar | Jul 22, 2024