My listview is not displaying the way I want

General Discussion
#1

i am having a problem with my listview. I have it set to Main text, detail text ( horizontal) but it's not displaying correctly. Here's my code:

listview blocks
listview blocks937×352 21.5 KB

And the code when screen initialize :

listview initialize
listview initialize696×427 36 KB

I've tried a few different things and am getting nowhere.
That disabled block just displays the main text. I will delete it when the listview procedure works.
Any help would be appreciated.

#2

You appear to be setting entire lists to a single element in your listview. You probably want to be iterating over each item in the two lists, and assigning them to a single element in turn.

#3

Thanks for the reply. Never done itinerate before. Is there a tutorial or example code somewhere I can use?

#4

See chapters 19 and 20 of
http://www.appinventor.org/book2
from

#5

That would be iterate, not itinerate :wink:

Try blocks like this

image
image1279×421 53.3 KB

#6

i tried the above blocks but it still only displays the main text. what am I missing ?

listviewblocks2
listviewblocks21258×400 27.5 KB

#7

Can you post a screenshot of how it looks at run time?

#8

Screenshot_20220928-180259
Screenshot_20220928-1802591080×2400 121 KB

#9

Have you selected the required Listview Layout in the Designer?

image

#10

I have horizontal selected.

#11

Works OK for me

blocks (11)
blocks (11)988×534 56.4 KB

image

image

and if layout set to horizontal (orientation still set vertical)

image

Have you got any whitespace at the end of your Main text entries? This will push the detail text off screen if set to horizontal...

#12

I didn't download the apk to my phone, I've only checked it using companion. Would that cause the problem? I will also check for the whitespace issue. Thanks for all the help.

#13

It shouldn't

Try setting the list layout to main text detail text (vertical)

#14

Export your .aia file and upload it here.
export_and_upload_aia

It is time to check your data content.

#15

RateMyCampsite.aia (62.2 KB)

Here it is.

#16

The problem was in the DetailTextColor of the ListView.
Change it from default to Black.
Likewise for TextColor.

#17

Awesome, thanks everyone

#18

By the way, this app does not make sense if the data is collected in TinyDB.

A common data store like the new Google Sheets component would make the collected information available to more people instead of sitting in one phone.

#19

That's next. Just for me and my family.

#20

Still not displaying properly. It should display the park name and then the campsite number. As you can see in the screenshot, it is displaying the same number for all three.

Screenshot_20221007-232553
Screenshot_20221007-2325531080×2400 124 KB

RateMyCampsite.aia (66.6 KB)