Blog List View - Placing Full Story Link & Summary on one line
Hi there,
I'm trying to customise the Blog List template so that I can display both the Summary and the Full Story link on one line.
Currently the template will render:
Summary of blog post.
> Full Story Link
Whereas for my project I'd prefer:
Summary of blog post. >Full Story Link
Here's the code of my template. Please forgive me if this is a dense question!
<%@ 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"
%>
<%@ Import Namespace=
"Telerik.Sitefinity"
%>
<telerik:RadListView ID=
"Repeater"
ItemPlaceholderID=
"ItemsContainer"
runat=
"server"
EnableEmbeddedSkins=
"false"
EnableEmbeddedBaseStylesheet=
"false"
>
<LayoutTemplate>
<sf:ContentBrowseAndEditToolbar ID=
"MainBrowseAndEditToolbar"
runat=
"server"
Mode=
"Add"
></sf:ContentBrowseAndEditToolbar>
<ul
class
=
"sfpostsList sfpostListTitleDateSummary"
style="list-style-type: none;
padding:0px; ,margin: 0px;">
<asp:PlaceHolder ID=
"ItemsContainer"
runat=
"server"
/>
</ul>
</LayoutTemplate>
<ItemTemplate>
<li
class
=
"sfpostListItem"
>
<h3
class
=
"sfpostTitle"
>
<sf:DetailsViewHyperLink TextDataField=
"Title"
ToolTipDataField=
"Description"
runat=
"server"
/>
</h2>
<div
class
=
"sfpostAuthorAndDate"
>
<sf:FieldListView ID=
"PostDate"
runat=
"server"
Format=
" Posted PublicationDate.ToLocal():dd MMMMM yyyy"
/>
</div>
<sf:FieldListView ID=
"PostContent"
runat=
"server"
Text=
"0"
Properties=
"Summary"
WrapperTagName=
"div"
WrapperTagCssClass=
"sfpostSummary"
/>
<sf:DetailsViewHyperLink ID=
"FullStory"
Text=
"-> Full Story"
runat=
"server"
CssClass=
"sfpostFullStory"
/>
<sf:ContentBrowseAndEditToolbar ID=
"BrowseAndEditToolbar"
runat=
"server"
Mode=
"Edit,Delete,Unpublish"
></sf:ContentBrowseAndEditToolbar>
</li>
</ItemTemplate>
</telerik:RadListView>
<sf:Pager id=
"pager"
runat=
"server"
></sf:Pager>
<asp:PlaceHolder ID=
"socialOptionsContainer"
runat=
"server"
/>
Hi Mitch,
Thank you for using our services and don't worry about the question. I'll be glad to help.
You can achieve what you want with css. Simply declare float:left to the .sfpostSummary class that is set to the Summary div. This will move the Full story link next to the Summary.
Let me know if you need additional assistance.
Greetings,
Jen Peleva
the Telerik team
Hi
How would I change the text 'Full Story'?
Thanks
Cheers
Richard
Hi Mitch,
You ca directly change the text in the template that you're using. Here's the part that renders the "Full story" text:
<
sf:FieldListView
ID
=
"PostContent"
runat
=
"server"
Text
=
"0"
Properties
=
"Summary"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfpostSummary"
/>
<
sf:DetailsViewHyperLink
ID
=
"FullStory"
Text="-> Full Story" runat="server" CssClass="sfpostFullStory" />