This is a migrated thread and some comments may be shown as answers.

Need help

1 Answer 45 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Atul Srivastav
Top achievements
Rank 1
Atul Srivastav asked on 07 Feb 2013, 09:41 AM
Hi

I need to make grid pager look like as show on http://knox.netliance.net/Pump/IndexUI.aspx
but not able to make it like that.

Can you please help me for css?

Regards
Atul Kumar Srivastav

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 07 Feb 2013, 11:39 AM
Hi,

Please try the following CSS.

CSS:
<style type="text/css">
        .RadGrid_Default .rgInfoPart
        {
            display: none !important;
        }       
        .RadGrid .NumericPages .rgNumPart
        {
             float: right !important;
        }
        .RadGrid_Default td.rgPagerCell
        {
            background-color: #E8D5B4 !important;
        }       
        .RadGrid .rgNumPart a
        {
            color: #8E4D26 !important;
            background-color: white !important;
            text-align: center !important;
            border: 1px solid white !important;       
            margin-right: 5px !important;
            padding: 2px 7px !important;
        }     
        .RadGrid_Default .rgNumPart a:hover, .RadGrid_Default .rgNumPart a:hover span
        {         
            border-color: #8E4D26 !important;
            color: #8E4D26 !important;
            background-image: none !important;
            background-color: white !important;
        }
        .RadGrid_Default a.rgCurrentPage, .RadGrid_Default .rgNumPart a.rgCurrentPage span
        {
            background-color: #8E4D26 !important;
            color: White !important;
            border-color: #8E4D26 !important;
            background-image: none !important;
        }
</style>

Please set the Page Mode as 'NumericPages'

Thanks,
Princy.
Tags
Grid
Asked by
Atul Srivastav
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or