Pager in footer of parent View

[Marco]

Hi,

Is it possible to render the Pager of a ScrollView in the footer of its parent View? I want to give the user a visual clue that there are more items to scroll through and on which page they are currently at. Basically I want the pager to be visible at all times and that the content of the page in the ScrollView stays scrollable vertically.

 

Kind Regards,

Marco

[Aleksandar]

Hi Marco,

To have the pager visible at all time you could add the km-scrollview-overlay class to the ScrollView element, as detailed here.

<div data-role="scrollView" class="km-scrollview-overlay">
    <div data-role="page">Foo</div>
    <div data-role="page">Bar</div>
</div>

This way the pager will be visible all the time. You could check the Demo of this approach here.

Let me know if this suggestion works for your scenario.

Regards,
Aleksandar
Progress Telerik

[Marco]

Hi Aleksandar,

This makes no difference. The pager is indeed rendered over the content of the scollview. But becomes only visible when the user already scrolled down tot the bottom of the content.

 

Kind Regards,

Marco

[Aleksandar]

Hi Marco,

Rendering the Pager of the ScrollView in the footer of its parent View is not supported. You could try adjusting the position of the Pager via CSS and positioning it on the top of the content, rather than the bottom:

.k-pages.km-pages {
...
}

Here is a sample dojo with the above suggestion implemented. I hope this helps.

Regards,
Aleksandar
Progress Telerik