More in this section
Forums / Designing & Styling / How to style / position News Listing Pager

How to style / position News Listing Pager

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Atta
    Atta avatar
    7 posts
    20 Dec 2010
    14 Jun 2011
    Link to this post
    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">
            <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>
           <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" />
    <sf:Pager id="pager" runat="server"></sf:Pager>
     how to position pager
  2. Boyan Barnev
    Boyan Barnev avatar
    1429 posts
    02 Jan 2018
    14 Jun 2011
    Link to this post
    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">
        position: relative;
        float: left;
        width: 100%;
    I hope this information helps you achieve the desired functionality. If you have any further questions, please let us know.

    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
2 posts, 0 answered