The content you're reading is getting on in years
This post is on the older side and its content may be out of date.
Be sure to visit our blogs homepage for our latest news, updates and information.
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ImageModule.ascx.cs" Inherits="SitefinityWebApp.ImageModule" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.ContentUI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Comments" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Fields" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.ContentUI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
<
sf:ResourceLinks
ID
=
"resourcesLinks"
runat
=
"server"
>
<
sf:ResourceFile
JavaScriptLibrary
=
"JQuery"
/>
<
sf:ResourceFile
JavaScriptLibrary
=
"JQueryFancyBox"
/>
</
sf:ResourceLinks
>
<
telerik:RadListView
ID
=
"dynamicContentListView"
ItemPlaceholderID
=
"ItemsContainer"
runat
=
"server"
EnableEmbeddedSkins
=
"false"
EnableEmbeddedBaseStylesheet
=
"false"
OnItemDataBound
=
"dynamicContentListView_ItemDataBound"
>
<
LayoutTemplate
>
<
ul
class
=
"sfitemsList sfitemsListTitleDateTmb"
>
<
asp:PlaceHolder
ID
=
"ItemsContainer"
runat
=
"server"
/>
</
ul
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
li
class
=
"sfitem sfClearfix"
>
<
sf:ImageAssetsField
ID
=
"ImageAssetsField1"
runat
=
"server"
DataFieldName
=
"ImageFIeld1"
IsThumbnail
=
"True"
/>
<
asp:HyperLink
ID
=
"HyperLink1"
runat
=
"server"
CssClass
=
"LightBox"
>
<
asp:Image
ID
=
"Image1"
runat
=
"server"
></
asp:Image
>
</
asp:HyperLink
>
<
h2
class
=
"sfitemTitle"
>
<
sf:DetailsViewHyperLink
ID
=
"DetailsViewHyperLink"
TextDataField
=
"Title"
runat
=
"server"
/>
</
h2
>
<
sf:FieldListView
ID
=
"PublicationDate"
runat
=
"server"
Format
=
"{PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt}"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfitemPublicationDate"
/>
<%--<
a
href
=
"<%# GetImageUrl("
ImageFIeld1") %>">
<
img
src
=
"<%# GetImageUrl("
ImageFIeld1") %>" />
</
a
>--%>
</
li
>
</
ItemTemplate
>
</
telerik:RadListView
>
<
sf:Pager
ID
=
"pager"
runat
=
"server"
></
sf:Pager
>
<
asp:PlaceHolder
ID
=
"socialOptionsContainer"
runat
=
"server"
></
asp:PlaceHolder
>
<
a
href
=
"#"
>
<
img
src
=
"#"
/>
</
a
>
<script type=
"text/javascript"
>
$(document).ready(
function
() {
$(
"a.lightBox"
).fancybox();
})
</script>
protected
void
dynamicContentListView_ItemDataBound(
object
sender, Telerik.Web.UI.RadListViewItemEventArgs e)
{
//Type dynamicmoduleitemType = TypeResolutionService.ResolveType("Telerik.Sitefinity.DynamicTypes.Model.MyImages.Myimages");
RadListViewDataItem item = (RadListViewDataItem)e.Item;
var dataItem = item.DataItem
as
DynamicContent;
if
(e.Item.ItemType == RadListViewItemType.DataItem || e.Item.ItemType == RadListViewItemType.AlternatingItem)
{
var imageControl = e.Item.FindControl(
"Image1"
)
as
System.Web.UI.WebControls.Image;
var link = e.Item.FindControl(
"HyperLink1"
)
as
HyperLink;
if
(imageControl !=
null
&& link !=
null
)
{
ContentLink[] contentLinks = (ContentLink[])dataItem.GetValue(
"ImageFIeld1"
);
ContentLink imageContentLink = contentLinks.FirstOrDefault();
LibrariesManager libraryManager = LibrariesManager.GetManager();
var image = libraryManager.GetImage(imageContentLink.ChildItemId);
imageControl.ImageUrl = image.MediaUrl;
link.NavigateUrl = image.MediaUrl;
}
}
}
public
string
GetImageUrl(
string
propertyName)
{
var contentLinks = Eval(propertyName)
as
ContentLink[];
var imageContentLink = contentLinks.FirstOrDefault();
var librariesManager = LibrariesManager.GetManager();
var currentImage = librariesManager.GetImage(imageContentLink.ChildItemId);
return
currentImage.MediaUrl;
}
<
ItemTemplate
>
<
li
class
=
"sfitem sfClearfix"
>
<
h2
class
=
"sfitemTitle"
>
<
sf:DetailsViewHyperLink
ID
=
"DetailsViewHyperLink"
TextDataField
=
"Title"
runat
=
"server"
/>
</
h2
>
<
sf:FieldListView
ID
=
"PublicationDate"
runat
=
"server"
Format
=
"{PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt}"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfitemPublicationDate"
/>
<
a
href
=
"<%# GetImageUrl("
ImageFIeld1") %>">
<
img
src
=
"<%# GetImageUrl("
ImageFIeld1") %>" />
</
a
>
</
li
>
</
ItemTemplate
>
View all posts from The Progress Team on the Progress blog. Connect with us about all things application development and deployment, data integration and digital business.
Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.
Learn MoreSubscribe to get all the news, info and tutorials you need to build better business apps and sites
Progress collects the Personal Information set out in our Privacy Policy and the Supplemental Privacy notice for residents of California and other US States and uses it for the purposes stated in that policy.
You can also ask us not to share your Personal Information to third parties here: Do Not Sell or Share My Info
We see that you have already chosen to receive marketing materials from us. If you wish to change this at any time you may do so by clicking here.
Thank you for your continued interest in Progress. Based on either your previous activity on our websites or our ongoing relationship, we will keep you updated on our products, solutions, services, company news and events. If you decide that you want to be removed from our mailing lists at any time, you can change your contact preferences by clicking here.