+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / How to style / position News Listing Pager

How to style / position News Listing Pager

2 posts, 0 answered
  1. Atta
    Atta avatar
    7 posts
    Registered:
    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">
        <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
  2. Boyan Barnev
    Boyan Barnev avatar
    1429 posts
    Registered:
    08 Dec 2016
    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">
    .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
2 posts, 0 answered