Adding title to my image gallery.

Posted by Community Admin on 05-Aug-2018 08:37

Adding title to my image gallery.

All Replies

Posted by Community Admin on 08-May-2012 00:00

I am trying to add a title to the list of thumbnails.

I tried adding the line:

<sitefinity:TextField runat="server" DisplayMode="Read" Value='<%# Eval("Title")%>' />

To my templeate, as seen in the code bellow
<%@ Control Language="C#" %>
<%@ 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" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<sf:ResourceLinks id="resourcesLinks" runat="server">
    <sf:ResourceFile JavaScriptLibrary="JQuery"/>
</sf:ResourceLinks>
<sf:ResourceLinks id="resourcesLinks2" runat="server" UseEmbeddedThemes="true" Theme="Default">
  <sf:ResourceFile Name="Telerik.Sitefinity.Resources.Themes.Basic.Styles.galleria.classic.css" Static="true" />
</sf:ResourceLinks>
<sf:BrowseAndEditToolbar ID="browseAndEditToolbar" runat="server" Mode="Edit"></sf:BrowseAndEditToolbar>
<div id="imagesContainer" runat="server" class="sfTmbStripAndImageOnSamePage">
    <telerik:RadListView ID="ItemsList" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
      <LayoutTemplate>
            <asp:PlaceHolder ID="ItemsContainer" runat="server"/> 
      </LayoutTemplate>
      <ItemTemplate>   
          <sf:SitefinityHyperLink  runat="server" id="singleItemLink"/>
          <sitefinity:TextField runat="server" DisplayMode="Read" Value='<%# Eval("Title")%>' />   
      </ItemTemplate>
    </telerik:RadListView>
</div>
<sf:Pager id="pager" runat="server"></sf:Pager>
<asp:PlaceHolder ID=socialContainer runat=server></asp:PlaceHolder>

But it had no effect.

Posted by Community Admin on 13-Sep-2013 00:00

I also have the same question. Did you ever get an answer or figure it out? Thanks!

Posted by Community Admin on 18-Sep-2013 00:00

Hello all,

In order to be able to add content to a widget template you need to place it in a <div> or <span> tag. This way Sitefinity can render the fields properly and also you are free to style them freely if you add a class to the span or div. I managed to bring out the image titles over the thumbnail list as follows:

<ItemTemplate>
   <div><sitefinity:TextField runat="server" DisplayMode="Read" Value='<%# Eval("Title")%>' /> </div>
   <li class="sfimagesTmb">
     <sf:DetailsViewHyperLink ToolTipDataField="Description" ID="singleItemLink" runat="server"/>
   </li>
 </ItemTemplate>
As you can see there is nothing special. I just added the title above the thumbnail. Regards,
Ivan D. Dimitrov
Telerik
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

This thread is closed