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

Is there a way to create a static footer under a listview?

5 Answers 176 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 11 Jun 2013, 04:06 PM
Tried to do so in many ways, but it always seems to be attached to the bottom of the list view and scrolled out of view when we have a lot of items.

Any suggestion would be appreciated.

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 13 Jun 2013, 12:33 PM
Hi Ron,

If I understand you correctly, you may use the view footer element for a container, and put the footer in question in it.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ron
Top achievements
Rank 1
Veteran
answered on 13 Jun 2013, 02:22 PM
We tried that, but it does not seem like it is static, it seems like it disappears under the list view and is not always in view. 
0
Petyo
Telerik team
answered on 17 Jun 2013, 08:33 AM
Hi Ron,

I am not sure what happens in your case. In this demo, the tabstrip widget remains static, pinned at the bottom of the view, over the listview. Is this the effect you are looking for? Please let us know. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ron
Top achievements
Rank 1
Veteran
answered on 18 Jun 2013, 07:57 PM
Hi Petyo,
The static tabstrip widget is exactly what we try to achieve - a static footer pinned at the bottom of the view, over the list view. But in all our attempts it is not pinned and one must scroll down the list view to see the footer. Since the listview uses endless scroll it means the footer only appears shortly until is is pushed down by the retrieved content. According to the demo you sent us we tried to use the following footer - as mentioned above it did not work as we need it:

            <footer data-role="footer" class="footer">
                <div data-role="tabstrip">
                    <span>Updated to</span>
                    <span id="transViewDateBox"></span>
                </div>
            </footer>

Any assistance will be appreciated.
0
Kiril Nikolov
Telerik team
answered on 20 Jun 2013, 09:00 AM
Hello Ron,

I would like to ask you to provide us with a jsbin sample, reproducing the problem you have. Our guess is that you have some custom styling that interferes with the default footer, but we will need a sample in order to investigate it deeper.

Thank you in advance!

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView (Mobile)
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Petyo
Telerik team
Ron
Top achievements
Rank 1
Veteran
Kiril Nikolov
Telerik team
Share this question
or