Center Pager Content within pager div

[Ed]

I'd like to modify the pager section to center the content. I've tried the usual CSS adjustments to center the content (margin-left & margin-right set to auto, text-align set to center), but no luck. Any ideas?

Thanks,

--Ed

[Konstantin Dikov]

Hello Ed,

The pager has complex structure and it will be difficult to achieve the desired result, but you could use the following as a starting point:

<style>
  .k-grid-pager{
    background: none;
    text-align: center;
  }

  .k-grid-pager>*{
    float: none!important;
  }

  .k-pager-numbers{
    position: static!important;
  }
  </style>

Another option is to change the pager DIV width to some fixed or percentage value and apply margin: 0 auto to it. With this approach you may also have to remove the background of the wrapping div.

Hope this helps.


Regards,
Konstantin Dikov
Telerik