Cannot show long list in popup page in tablet template

[Shuang Liu]

Hi, I am creating a app with your tablet app template. But here is one problem: I created a popup page which has a long listview (more than 100 items), but the popup page can only show few of them (it seems like a given height which can only show components inside it).

I am sure that this is fine on another project which has a same page with mobile app template(show all items with scroll)

You can easily produce this problem by adding one long list in one popup in your tablet template. Can you confirm this and give me a solution?

[maxkatz]

The popup that's used in Appery.io is a standard jQuery Mobile popup. Did you check what options it has for changing its size?

[Shuang Liu]

I am sure that i changed nothing on its option, just create a popup, drag a listview in, and change its items to 100, and run. it only show a small part of 100 items.

And it's fine with mobile app template

[Maryna Brodina]

Hello! Looks like a bug, we'll research it more. As a workaround try to set class for mobilecontainer and define overflow-y: scroll;
another way is to you the following JS on page Show:
codeAppery("PopupScreenName").find('[data-role=content]').css('overflow-y', 'scroll');/code

[Shuang Liu]

Hi Marine, thanks, I got the point, it works by adding 'overflow-y: scroll;' to css, but the JS doesn't work for me, I will look into that later.

[Maryna Brodina]

Ok:)

[Shuang Liu]

Hi Marine, I don't know why 'find('[data-role=content]')' is not working, 'Appery("PopupScreenContainerName").css('overflow-y', 'scroll');' is just fine.

[Maryna Brodina]

Not sure why codeAppery("PopupScreenContainerName").css('overflow-y', 'scroll');/code doesn't work (perhaps you have typo somewhere). Anyway glad it's working with codeAppery("PopupScreenContainerName").css('overflow-y', 'scroll');/code

[Maryna Brodina]

Hello! Bug is fixed.