157
Views
6
Comments
Solved
List Cannot Scrolled
Application Type
Mobile
Service Studio Version
11.53.30 (Build 61739)

Hello i'm new to outsystem and trying to make an android app using outsystem. i want to import the data from google maps API and show it on the screen using list. The data is succesfully load but the list cannot be scrolled and i don't know why

this is my list properties 

my external data source

and my list widget tree


2022-08-03 04-32-50
Ravi Punjwani
Solution

Alright Ivan. I got it now.


In your code you've set up height: 88%; position:fixed;

If you add overflow: scroll in that css, it will have the scrolling enabled. Althought it would work well and get your query resolved, I won't recommend using a lot of inline CSS the way it is done in your app.

Use class names for specific CSS and use most of your commonly used CSS in the theme file instead of having them defined in screen or web-blocks level.

2022-08-03 04-32-50
Ravi Punjwani

Hi Ivan,

Does you initial list displays enough records that would need scrolling? or it is just loaded and all the initial records just fit in the first view without needing any scroll?

Can you provide URL of your native app, so it can be downloaded and checked?

UserImage.jpg
Ivan setiawan

Yes my initial list display enough records that would need scrolling. 

and this is my URL for the native app:

https://personal-gtrk9hif.outsystemscloud.com/NativeAppBuilder/App?AppKey=3761822e-f00a-4763-bace-17a2ffdec6a2

when login you can use username: Ivan and password: 12345

2022-08-03 04-32-50
Ravi Punjwani

Hi Ivan,

I tried with your app but the UI doesn't allow scrolling at all. Is there anything wrong I'm trying here?


I wasn't able to move the list at all on your app.

UserImage.jpg
Ivan setiawan

That's my question here, why i cannot move the list at all, and how to make it move, did i make a mistake or something? 

2022-08-03 04-32-50
Ravi Punjwani
Solution

Alright Ivan. I got it now.


In your code you've set up height: 88%; position:fixed;

If you add overflow: scroll in that css, it will have the scrolling enabled. Althought it would work well and get your query resolved, I won't recommend using a lot of inline CSS the way it is done in your app.

Use class names for specific CSS and use most of your commonly used CSS in the theme file instead of having them defined in screen or web-blocks level.

UserImage.jpg
Ivan setiawan
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.