How to style / position News Listing Pager - Sitefinity - Front- & Back-End Development

All Replies

Posted by Community Admin on 14-Jun-2011 00:00

here is my news listing template
------------

<%@ 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="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>

<telerik:RadListView ID="NewsList" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">

<LayoutTemplate>

<sf:ContentBrowseAndEditToolbar ID="MainBrowseAndEditToolbar" runat="server" Mode="Add"></sf:ContentBrowseAndEditToolbar>

<div id="block-views-News_page-block_1" class="block block-views">

<div class="content">

<div class="view view-News-page view-id-News_page view-display-id-block_1 newsList view-dom-id-1 views-processed">

<div class="view-content">

<div class="item-list">

<ul id="news-list">

<asp:PlaceHolder ID="ItemsContainer" runat="server" />

</ul></div></div></div> </div> </div>

</LayoutTemplate>

<ItemTemplate>

<li class="views-row views-row-1 views-row-odd views-row-first">

<div class="views-field-body">

<span class="field-content">

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

<sf:FieldListView ID="summary" runat="server" Text="0" Properties="Summary" WrapperTagName="div" WrapperTagCssClass="sfnewsSummary" />

<div class="views-field-view-node">

<span class="field-content">

<sf:DetailsViewHyperLink ID="FullStory" Text="" runat="server" CssClass="sfnewsFullStory" />

</span>

</div></span></br>

</div>

</li>

</br>

</ItemTemplate>

</telerik:RadListView>

<sf:Pager id="pager" runat="server"></sf:Pager>

--------------------------------------------------
how to position pager

Posted by Community Admin on 14-Jun-2011 00:00

Hi Atta,

Can you please clarify the exact use case scenario you want to implement so I can give you a more specific advice. The easiest approach is to use CSS to style/position your control, you just need to define a CSSClass like this:

<sf:Pager id="pager" runat="server" CssClass="MyCSSClass"></sf:Pager>

and then include some styling for that class in your theme or in a CSS widget like this:

<style type="text/css">

.MyCSSClass

position: relative;

float: left;

width: 100%;

</style>

I hope this information helps you achieve the desired functionality. If you have any further questions, please let us know.

Greetings,
Boyan Barnev
the Telerik team

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