ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Display Pager Buttons with Rounded corners using CSS in ASP.Net<p>Hi Mudassar,</p> <p>After a lot of effort, I have acheived the rounded background for listview paging. Below is my css. I think it may help someone.</p> <p>&nbsp;</p> <pre class="brush: css">* Rounded CSS paging for Listview*/ .circle, #ContentPlaceHolder1_LviewBasket_DataPager1 span, #ContentPlaceHolder1_LviewBasket_DataPager1 a { width: 20px; height: 20px; background-color: #fff; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; border: 1px solid #ccc; } .circle:active { border: 1px solid red; } #ContentPlaceHolder1_LviewBasket_DataPager1 span, #ContentPlaceHolder1_LviewBasket_DataPager1 a { padding: 7px 12px; height: 20px; border-radius: 70px; text-decoration:none; color:#000; } #ContentPlaceHolder1_LviewBasket_DataPager1 span { background-color:red; color:#fff }</pre> <p>And the HTML</p> <p>&nbsp;</p> <pre class="brush: html">asp:DataPager ID=&#34;DataPager1&#34; runat=&#34;server&#34; PagedControlID=&#34;LviewBasket&#34; PageSize=&#34;1&#34;&gt; &lt;Fields&gt; &lt;asp:NextPreviousPagerField ButtonType=&#34;Button&#34; PreviousPageText=&#34;&lt;&lt;&#34; ButtonCssClass=&#34;circle&#34; ShowFirstPageButton=&#34;true&#34; FirstPageText=&#34;|&lt;&#34; ShowPreviousPageButton=&#34;true&#34; ShowNextPageButton=&#34;false&#34; /&gt; &lt;asp:NumericPagerField ButtonType=&#34;Link&#34; /&gt; &lt;asp:NextPreviousPagerField ButtonType=&#34;Button&#34; ShowNextPageButton=&#34;true&#34; NextPageText=&#34;&gt;&gt;&#34; ShowLastPageButton=&#34;true&#34; LastPageText=&#34;&gt;|&#34; ButtonCssClass=&#34;circle&#34; ShowPreviousPageButton = &#34;false&#34; /&gt; &lt;/Fields&gt; &lt;/asp:DataPager&gt;</pre> <p>Thanks for your suggestions.</p> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/465039/Display-Pager-Buttons-with-Rounded-corners-using-CSS-in-ASPNet/https://www.aspforums.net:443/Threads/465039/Display-Pager-Buttons-with-Rounded-corners-using-CSS-in-ASPNet/Wed, 21 Mar 2018 01:03:15 GMT