Modify the layout of DataPager

[Tri Nguyen]

Hello,

Is there a way to shrink the gaps between the buttons (first, prev, next, last) and the numbers of the DataPager? I've looked at the DataPage.xxxx.css file, but couldn't figure out how to achieve that. Any help would be greatly appreciated.

Tri.

[Pavlina]

Hello Tri,

Try using the Css code snippet below and let me know if helps to achieve your goal:

<style type="text/css">
       div.RadDataPager .rdpWrap
       {
           padding-left: 0px;
           padding-right: 0px;
       }
   </style>

I hope this helps.

Kind regards,
Pavlina
the Telerik team

[Tri Nguyen]

Hi, Pavlina

Thanks for providing a solution for this. Unfortunately, it doesn't work in all scenerio. Sometimes, all the navigation buttons (first, prev, next, last) just disappear totally. Take a look at the attachments. Hopefully, you'll have another modification for me. Thanks.

Tri.

[Pavlina]

Hello Tri,

It is hard to say what is causing the described issue without having a running application where we can reproduce the problem. Could you please send us a simple runnable example via support ticket, which demonstrating the unwanted behavior? Thus we will be able to gather more details about your scenario and provide a solution.

Additionally, I suppose the information from this blog post can help.

All the best,
Pavlina
the Telerik team

[Tri Nguyen]

Hello, Pavlina
Again, thanks for your response with the solution. I finally gave up with the DataPager. After I took it out of the page, and replaced it with the MS datapager, everything is normal. I don't know what got conflicted with other stuffs on my page, but I couldn't figure it out after several days. For now, the MS datapager is good enough for what we need. Since my app is for internal usage, and it's fairly complex, I can't provide the layout & code to reproduce it.
Thanks for the link to the blog about IE issues. It's good to know about those limitations.

Tri

[Pavlina]

Hello Tri Nguyen,

If you want to investigate the problem further, you can isolate the issue in a sample project following the steps provided in the link below :

http://blogs.telerik.com/blogs/posts/10-09-29/isolating_a_problem_in_a_sample_project.aspx

and send it to us via support ticket.

Regards,
Pavlina
the Telerik team