Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Is there Onsen UI functionality to define the height of an infinite list?

  • I am looking at this example of an infinite list here

    The infinite list takes up the whole screen. I would like to create an infinite list that only takes up half of the screen.

    Does this functionality exist yet?

  • Hi @rgins16 .
    I guess you mean something like this? :)
    just put the list in a container with the following style

    .half {
      height: 50%;
      overflow: auto;

    And you’re good to go (^_*)

  • Thank you! That is an excellent way to do it in CSS. You have helped me :)

    However, for future reference, I was wondering if there was an attribute of the infinite list I could set to make it take up half of the page (or any other height).

    Maybe this could be considered for a future update of Onsen UI?

    Or maybe it should be just be left to the CSS.

    Thanks again.

  • @rgins16 Onsen UI is simply a visual framework of CSS styled components. The modified attribute is really nothing more that a grouping of CSS classes. The correct way to do what you seek is with CSS.

    EDIT: Upon reread, I may have come across stern. What I am trying to say, is at first, Onsen confused me until I realized that it was solely UI then understanding that you treat your application like a single page website and everything started coming together. All the limitations that I “thought” were there, just disappeared and I was able to do everything I needed.

  • Got it. Thank you.