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

How to style / position News Listing Pager

  • How to style / position News Listing Pager
  • 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
  • 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