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

6 posts, 0 answers
  1. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 11 Jun 2013 Link to this post

    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.
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 13 Jun 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 13 Jun 2013 Link to this post

    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. 
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 17 Jun 2013 Link to this post

    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!
  6. Ron
    Ron avatar
    122 posts
    Member since:
    Sep 2011

    Posted 18 Jun 2013 Link to this post

    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.
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 20 Jun 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready