Categories used as a link

Hello,

I'm looking to pull the categories to add to the template of blog posts, but use them as a link.

For example:  Under the title of my blog I would like it to say Posted in (category).  That category should be able to link to the full blog post page.

How would I go about creating something like this?

Thank you,

Steph

Hello Stephanie,

With the default behaviour categories widget links to the summary of all blog posts that are in the selected category( With the property of categories widget BaseUrl). If you want to link to details page of a blog post you should create a custom categories widget. Here is the taxonomy control template

Hi is there a way to setup the Blog List template to display all categories associated with each post.  Each category should then act as a filter.  Ex:

Nov 21 / 2011
[Title]
[Summary]
[Category 1] | [Category 2] | [Category 3]

Clicking Category 1 for example would list all posts that belong to that category.

Thanks!
Devin

Hi Devin,

We have this planned, but it is not yet implemented. You can display categories, but they are rendered as text, not linking to provide filtering.

Greetings,
Stanislav Velikov
the Telerik team

Stanislav,

The functionality that Devin is looking for is what I was trying to explain also.  Do you know how far off something like this is from being implemented?  It seems like a feature that most CMSs have. 

Thank you,

Stephanie

Hi Stephanie,
I ended up modifying the Blog list template, using a Category control and jQuery to achieve this functionality.

Modified Blog list template

Hi Devin,

   Where did you add the jQuery code?  Did you put it at the end of the template, or did you add it to the master page where the blog list was going to be used?

Thanks,

Steph

Hi Stephanie,
Were you able to get this working?

Hi Brian,

I have yet to get this working.  I tried using Devin's approach, but am unsure where to add the jQuery code.  Do you have any suggestions?

Not sure if anyone is still interested in this solution. But I got it working with some tweaks.

<%@ Control Language="C#" %>
<%@ 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" 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" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Modules.Comments.Web.UI.Frontend" TagPrefix="comments" %>
<%@ Import Namespace="Telerik.Sitefinity" %>
<%@ Import Namespace="Telerik.Sitefinity.Web.UI" %>

<telerik:RadListView ID="Repeater" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
    <LayoutTemplate>
        <ul class="sfpostsList sfpostListTitleDateContent">
            <asp:PlaceHolder ID="ItemsContainer" runat="server" />
        </ul>
    </LayoutTemplate>
    <ItemTemplate>
        <li class="sfpostListItem" data-sf-provider='<%# Eval("Provider.Name")%>'  data-sf-id='<%# Eval("Id")%>' data-sf-type="Telerik.Sitefinity.Blogs.Model.BlogPost">
            
            <h2 class="sfpostTitle">
               <sf:DetailsViewHyperLink TextDataField="Title" ToolTipDataField="Description" data-sf-field="Title" data-sf-ftype="ShortText" runat="server" />
            </h2>
            
            <div class="sfpostAuthorAndDate">
              Posted on <a class="sfPostedOnDate" href="<%# Eval("ItemDefaultUrl")%>"><sf:FieldListView ID="PostDate" runat="server" Format=" PublicationDate.ToLocal():MMM dd, yyyy" /></a>
              
    
                <%--<comments:CommentsCountControl runat="server" ID="commentsCounterControl" AllowComments='<%# Eval("AllowComments") %>' ThreadKey='<%# ControlUtilities.GetLocalizedKey(Eval("Id")) %>' ThreadType='<%# Container.DataItem.GetType().FullName %>' DisplayMode="ShortText"/> --%>
            </div>

            <sf:FieldListView ID="PostContent" runat="server" Text="0" Properties="Content" WrapperTagName="div" WrapperTagCssClass="sfpostContent" EditableFieldType="LongText"/>
          
          <div class="sfpostAuthorAndDate"> <div>Posted in </div><div> <sitefinity:HierarchicalTaxonField ID="HierarchicalFieldControl" runat="server" TaxonomyId="E5CD6D69-1543-427b-AD62-688A99F5E7D4" DisplayMode="Read" WebServiceUrl="~/Sitefinity/Services/Taxonomies/HierarchicalTaxon.svc" Expanded="false" TaxonomyMetafieldName="Category" ExpandText="ClickToAddCategories" BindOnServer="true" /></div></div>
        </li>
    </ItemTemplate>
</telerik:RadListView>
<sf:Pager id="pager" runat="server"></sf:Pager>
<asp:PlaceHolder ID="socialOptionsContainer" runat="server" />
  

  <%--Hack for making categories link--%>
  <script type="text/javascript">
    $( document ).ready(function()  
   $('.sfCategoriesList li').each(function()
     var liText = $(this).text().trim().replace(' ','-');
     var liHtml = $(this).html();
     var newLiHtml="<a class='sfPostedOnDate' href='/blog/-in-category/categories/"+liText+"'>"+liHtml+"</a>"
         $(this).html(newLiHtml);
       );
);
  </script>