How to add Images in Blog Summary

Posted by Community Admin on 09-Jul-2014 00:00

Hi All,

in blogs ,My requirement is

first show Image and 2 lines summary and Read more link.(please find attached image for Reference)

if click on Image or Read more link showing Description of blog post.

now i'm getting summary and Read more options , How to add Image and How to give full description link to Image.

please let me know, How to solve this issue.

Posted by Community Admin on 09-Jul-2014 00:00

Hello Ajay,

This could be easily achieved by adding a custom field (related media), where you will select a particular picture, then you need to modify the template (remove the default anchor tag wrapping the image link and add a DetailsViewHyperLink):

.........

<sf:DetailsViewHyperLink ID="FullStory" runat="server" CssClass="sfpostFullStory sffullstory">

<LayoutTemplate>

<div class="sfMultiRelatedItmsWrp">

<h2 class="sfrelatedItmTitle"></h2>

<ul class="sfrelatedList sflist">

<asp:Repeater runat="server" DataSource='<%# Eval("TestImage") %>'>

<ItemTemplate>

<li class="sfrelatedListItem sflistitem">

<img src='<%# Eval("ThumbnailUrl")%>' alt='<%# Eval("AlternativeText")%>' title='<%# Eval("Title") %>' />

</li>

</ItemTemplate>

</asp:Repeater>

</ul>

</div>

</LayoutTemplate>

</sf:DetailsViewHyperLink>

.........

For your convenience I have also recorded a video.

Hope this information helps.

Regards,
Vassil Vassilev
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 Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items

Posted by Community Admin on 10-Jul-2014 00:00

Hi Vassil,

Thanks for Quick Reply,

Working fine and appreciated for Your video

Thanks

This thread is closed

All Replies