Module builder- Related News
Hi,
I have created custom module "Main Slider" with Related Media and Related News feilds and etc.In the widget template which display related images i would like to hyperlink to image it navigate to related news. I mean when user click image it will redirect to particular news item.
I have tried to access repeater within in repeater but doesn't work.
I have shared VIDEO and Template code. Can you please show us/share us template code how to get this .
Really appreciate .
Template Code:
<%@ Control Language="C#" %>
<%@ 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 Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Modules.Comments.Web.UI.Frontend" TagPrefix="sf" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Import Namespace="Telerik.Sitefinity.Web.UI" %>
<%@ Import Namespace="Telerik.Sitefinity.Modules.Comments" %>
<%@ Import Namespace="Telerik.Sitefinity.RelatedData" %>
<sf:SitefinityLabel id="title" runat="server" WrapperTagName="div" HideIfNoText="true" HideIfNoTextMode="Server" CssClass="sfitemFieldLbl" />
<telerik:RadListView ID="dynamicContentListView" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
<LayoutTemplate>
<div id="gallery">
<asp:PlaceHolder ID="ItemsContainer" runat="server" />
</div>
<div id="photo">
<div class="photo_details" >
<ItemTemplate>
<%--<sitefinity:TextField ID="TextField1" runat="server" DisplayMode="Read" Value='<%# Eval("summary")%>' /> --%>
<%-- <sf:FieldListView ID="summary" runat="server" Text="0" Properties="Summary" WrapperTagName="div" EditableFieldType="Summary"/> --%>
</ItemTemplate>
</div>
</div>
</LayoutTemplate>
<ItemTemplate>
<asp:Repeater runat="server" DataSource='<%# Eval("Image") %>'>
<ItemTemplate>
<a href='<%# Eval("MediaUrl") %>' title='<%# Eval("MediaUrl") %>' data-description= '<%# Eval("Title") %>'>
<img src='<%# Eval("ThumbnailUrl")%>' alt='<%# Eval("AlternativeText")%>' title='<%# Eval("Title") %>' />
</a>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater runat="server" DataSource='<%# Eval("SelectNews") %>'>
<ItemTemplate>
<a href='<%# Telerik.Sitefinity.RelatedData.RelatedDataExtensions.GetDefaultUrl(Container.DataItem) %>' title='<%# Eval("Title") %>'></a>
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
</telerik:RadListView>
<sf:Pager id="pager" runat="server"></sf:Pager>
<asp:PlaceHolder ID="socialOptionsContainer" runat="server"></asp:PlaceHolder>
thank you
mansoor
Hello Mansoor,
I have updated your support ticket on the subject. I will paste my reply here for your convenience as well.
The only way to achieve this is to limit the related image and related news to only 1. After that you can use the code below in your template to display related image that links to the news article.
<
a
href='<%# Telerik.Sitefinity.RelatedData.RelatedDataExtensions.GetDefaultUrl(Eval("SelectNews")) %>'>
<
img
src='<%# Eval("Image.MediaUrl")%>' alt='<%# Eval("Image.AlternativeText")%>' title='<%# Eval("Image.Title") %>' />
</
a
>