change font style in datalist pagination

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on May 07, 2014 11:18 PM
Forum: Data Controls
Answer: 1
Views: 3019

I used below code for datalist pagination

   private void PopulatePager(int recordCount, int currentPage)
    {
        double dblPageCount = (double)((decimal)recordCount / (decimal)PageSize);
        int pageCount = (int)Math.Ceiling(dblPageCount);
        List<ListItem> pages = new List<ListItem>();
        if (pageCount > 0)
        {
            pages.Add(new ListItem("Firdt", "1", currentPage > 1));
            if (currentPage != 1)
            {
                pages.Add(new ListItem("Previous", (currentPage - 1).ToString()));
            }
            if (pageCount < 4)
            {
                for (int i = 1; i <= pageCount; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
            }
            else if (currentPage < 4)
            {
                for (int i = 1; i <= 4; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
            }
            else if (currentPage > pageCount - 4)
            {
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
                for (int i = currentPage - 1; i <= pageCount; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
            }
            else
            {
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
                for (int i = currentPage - 2; i <= currentPage + 2; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
            }
            if (currentPage != pageCount)
            {
                pages.Add(new ListItem("Next", (currentPage + 1).ToString()));
            }
            pages.Add(new ListItem("Last", pageCount.ToString(), currentPage < pageCount));
        }
        rptPager.DataSource = pages;
        rptPager.DataBind();

    }

AND

     <asp:Repeater ID="rptPager" runat="server">
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                                    Enabled='<%# Eval("Enabled") %>' OnClick="Page_Changed"  CssClass='<%# Convert.ToBoolean(Eval("Enabled")) == true ? "pager" : "active_pager" %>'></asp:LinkButton>
                            </ItemTemplate>
                        </asp:Repeater>

CSS:

 .pager
       {
         background-color:#fff;
           color: #b3b3b3;
           height: 17px;
           min-width: 19px;
           line-height: 20px;
           display: inline-block;
           text-align: center;
           text-decoration: none;
           border: 1px solid #c9c9c9;
            font:13px tahoma;
             
       }
       .active_pager
       {
           background-color: #02ca02;
           color: white;
           height: 17px;
           min-width: 19px;
           line-height: 20px;
           display: inline-block;
           text-align: center;
           text-decoration: none;
            font:bold 13px tahoma;
           border: 1px solid #03ca03;
       }

Here in CSS when I define Font:bold 13px tahoma it effect to Page number and " Next Previous Last First " that define in .cs page

it is like:

First Previous 1 2 3 4 ... Next Last

Now I want define other font for " Next Previous Last First " in below code I want it be like:

First Previous 1 2 3 4 ... Next Last

   private void PopulatePager(int recordCount, int currentPage)
    {
        double dblPageCount = (double)((decimal)recordCount / (decimal)PageSize);
        int pageCount = (int)Math.Ceiling(dblPageCount);
        List<ListItem> pages = new List<ListItem>();
        if (pageCount > 0)
        {
            pages.Add(new ListItem("Firdt", "1", currentPage > 1));
            if (currentPage != 1)
            {
                pages.Add(new ListItem("Previous", (currentPage - 1).ToString()));
            }
            if (pageCount < 4)
            {
                for (int i = 1; i <= pageCount; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
            }
            else if (currentPage < 4)
            {
                for (int i = 1; i <= 4; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
            }
            else if (currentPage > pageCount - 4)
            {
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
                for (int i = currentPage - 1; i <= pageCount; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
            }
            else
            {
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
                for (int i = currentPage - 2; i <= currentPage + 2; i++)
                {
                    pages.Add(new ListItem(i.ToString(), i.ToString(), i != currentPage));
                }
                pages.Add(new ListItem("...", (currentPage).ToString(), false));
            }
            if (currentPage != pageCount)
            {
                pages.Add(new ListItem("Next", (currentPage + 1).ToString()));
            }
            pages.Add(new ListItem("Last", pageCount.ToString(), currentPage < pageCount));
        }
        rptPager.DataSource = pages;
        rptPager.DataBind();

    }

How I can do it?

Best Regards

Neda

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 1

Reply
ANSWER
User: Mudassar
Replied: on May 08, 2014 01:08 AM
Report

You will need to follow these steps

1. You will have to create a new class for populating Pager as ListItem does not have more prooperties

public class PagerPage
{
    public PagerPage(string text, string value)
    {
        Text = text;
        Value = value;
    }
    public PagerPage(string text, string value, bool enabled)
    {
        Enabled = enabled;
        Text = text;
        Value = value;
        CssClass = enabled ? "page_enabled" : "page_disabled";
    }
    public PagerPage(string text, string value, string cssClass)
    {
        CssClass = cssClass;
        Text = text;
        Value = value;
    }
    public PagerPage(string text, string value, bool enabled, string cssClass)
    {
        Enabled = enabled;
        CssClass = cssClass;
        Text = text;
        Value = value;
    }
    public bool Enabled { get; set; }
    public bool Selected { get; set; }
    public string Text { get; set; }
    public string Value { get; set; }
    public string CssClass { get; set; }
}

Then in your PopulatePager functiion you will need to make use of the PagerPage class as shown below.

I have added a new parameter named CssClass which can be used to assign the CssClass which was not possible before.

private void PopulatePager(int recordCount, int currentPage)
{
    double dblPageCount = (double)((decimal)recordCount / (decimal)PageSize);
    int pageCount = (int)Math.Ceiling(dblPageCount);
    List<PagerPage> pages = new List<PagerPage>();
    if (pageCount > 0)
    {
        pages.Add(new PagerPage("Firdt", "1", currentPage > 1, "button"));
        if (currentPage != 1)
        {
            pages.Add(new PagerPage("Previous", (currentPage - 1).ToString(), "button"));
        }
        if (pageCount < 4)
        {
            for (int i = 1; i <= pageCount; i++)
            {
                pages.Add(new PagerPage(i.ToString(), i.ToString(), i != currentPage));
            }
        }
        else if (currentPage < 4)
        {
            for (int i = 1; i <= 4; i++)
            {
                pages.Add(new PagerPage(i.ToString(), i.ToString(), i != currentPage));
            }
            pages.Add(new PagerPage("...", (currentPage).ToString(), false));
        }
        else if (currentPage > pageCount - 4)
        {
            pages.Add(new PagerPage("...", (currentPage).ToString(), false));
            for (int i = currentPage - 1; i <= pageCount; i++)
            {
                pages.Add(new PagerPage(i.ToString(), i.ToString(), i != currentPage));
            }
        }
        else
        {
            pages.Add(new PagerPage("...", (currentPage).ToString(), false));
            for (int i = currentPage - 2; i <= currentPage + 2; i++)
            {
                pages.Add(new PagerPage(i.ToString(), i.ToString(), i != currentPage));
            }
            pages.Add(new PagerPage("...", (currentPage).ToString(), false));
        }
        if (currentPage != pageCount)
        {
            pages.Add(new PagerPage("Next", (currentPage + 1).ToString(), "button"));
        }
        pages.Add(new PagerPage("Last", pageCount.ToString(), currentPage < pageCount, "button"));
    }
    rptPager.DataSource = pages;
    rptPager.DataBind();

}

Then you will need to change the Pager Repeater as follows

<asp:Repeater ID="rptPager" runat="server">
    <ItemTemplate>
        <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
            CssClass='<%# Eval("CssClass") %>'
            OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
    </ItemTemplate>
</asp:Repeater>

Finally the new CSS clas button which will be used for the First, Next, Previous and Last buttons.

.button
{
    background-color:#fff !important;
    font-weight:normal !important;
    border: 0px solid #fff !important;
}

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

change font style in datalist pagination

Company

Explore

Follow us

Contact Us