Hiding and showing the footer

3 posts, 0 answers
  1. Paul McNamara
    Paul McNamara avatar
    30 posts
    Member since:
    Apr 2010

    Posted 11 Nov 2013 Link to this post

    We have the requirement to conditionally hide and show the footer nav bar (based on whether anything is selected in a list view). We've tried various approaches to this but have not yet found a 100% working solution. Currently we are setting "display: none" on the footer element but the footer still shows during slide transitions. Do you know of a way to prevent it showing during tranisitions?

  2. Paul McNamara
    Paul McNamara avatar
    30 posts
    Member since:
    Apr 2010

    Posted 12 Nov 2013 Link to this post

    I managed to get this working reliably by also hiding the navbar div within the footer. Also I set the height explicitly for Android as hiding and showing seemed to cause the height to end up as 0.
  3. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 12 Nov 2013 Link to this post

    Hi Paul,

    this is correct - the header and footer elements are being shown/hidden when transitions occur. As you have noticed, you can work around this problem in several ways, the simplest one being hiding the footer contents (and not the footer element itself). You can also experiment with visibility: hidden.

    Regards,
    Petyo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top