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

Pager in footer of parent View

3 Answers 4 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Marco
Top achievements
Rank 1
Marco asked on 04 Mar 2020, 02:20 PM

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

3 Answers, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 06 Mar 2020, 12:46 PM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Marco
Top achievements
Rank 1
answered on 09 Mar 2020, 08:50 AM

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

0
Aleksandar
Telerik team
answered on 10 Mar 2020, 03:38 PM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
ScrollView (Mobile)
Asked by
Marco
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Marco
Top achievements
Rank 1
Share this question
or