Forcing links in pager (instead of dropdown)

[Azhar]

I have a page using ListView paging which is well.
Problem is that the pager shows a dropdown instead of numeric links, unless the width of div containing listview is increased (to 50% in my case)

This is how it looks when div is wide (50% width)

This is how I need it to be. with numeric links

 

But this is how it looks now (with width at 30%)

 

Unfortunately I need the width at 30% due to the content on the right side of the listview.

 

My question is how do I force the listview to show pager as numeric links only?

[Petar]

Hi Azhar,

By default, the responsive configuration of the pager is set to true. To force the displaying of the pages as separate ones, you can set the mentioned configuration to false. Here is what you can add to the definition of the ListView:

.Pageable(pageable => pageable
		.Responsive(false)
)

Try the above code and let me know if it implements what you need in your application. 

Regards,
Petar
Progress Telerik