Fomatted Listview

[Fernan_App]

Hello,
I have been searching the forum but I can't find a simple option to format a listview to improve its appearance, and to allow me to open another screen with the selected value in the list. I would be grateful if someone could guide me. Regards

[Ramon]

You can use the AfterPicking event and the Selection property to open other screen whit the selected value:

For the appearance you have extensions such as:

ListViewPlus - additional methods for the ListView component

This extension adds several features to the built-in ListView component. Blocks v2: [blocks - 2023-05-26T191926.969] Description: AddClassicDividers: Add linear dividers in a classic ListView. [Screenshot_20230519-103058] DecorateItems: Set rounded corners and margins for each item in the list. The radius is the same for every corner. Margin can be set with an integer, then all margins will have the same value. We can also list four integer values in the order left, top, right, and bo…

or:

Card Style Listview using Dynamic Components Extension

[cardstyle] This demo uses the Dynamic Components extension by Yusuf Cihan, to create a card style listview for AppInventor 2. Dynamic Card Style Listview also see: Horiz and Vert Dynamic Listviews [EDIT] With the latest version of Yusuf's extension, it is now possible to reverse the order of the cards after creating them, so that with a chat type project, you can have the latest post at the top, instead of hidden at the bottom

[TIMAI2]

or

Listview Examples with CompCreator

A few examples of listviews created using @Kevinkun's CompCreator extension

[Fernan_App]

Hi,
Thanks for your answers
Listviewplus has the problem that it doesn't have a block to retrieve an answer when you click on one element of the list.
I have tried using CompCreator extension but I had problems. I can run the examples but I can not do an app with the last extension version
Thanks a lot

[Kevinkun]

@Fernan_App

can run the examples but I can not do an app with the last extension version

What problem did you meet?

[Patryk_F]

@Fernan_App

Listviewplus has the problem that it doesn't have a block to retrieve an answer when you click on one element of the list.

Do you mean the built-in AfterPicking event from the ListView component?

[Fernan_App]

I find this error: The operation RegisterArrangementForClick cannot accept the arguments: , [0], [1]
I used the metricrat example METRIC RAT AI2 - ListViews with CompCreator ; it runs properly but after I changed the extensión, for the last versión cn.kevinkun.CompCreator-v8.6.aix
...it doesn`t work
I uploaded the aia
bugcompreator_copy.aia (40.6 KB)

[TIMAI2]

Compcreator provides its own click event/handler now, so you can use that instead of the separate click event extension.

[Fernan_App]

I don´t find it in the Version: 8.6

[Fernan_App]

I have changed the oldfashion blocks ( set for SetValue), deleted the click event extension, but I still find this error: com.google.appinventor.components.runtime.label. I am not able to run a simple example...

I attached the aia.
bugcompreator_copy (1).aia (36.5 KB)
I can see an option block on click, but could show me an example how to use it? Its not the same that normal onclick blocks.
Thank you

[TIMAI2]

From the first post here:

[Free] CompCreator - create component dynamically

Extension to create/remove visible components dynamicly. BLOCKS Create: [2022-01-20_192218] Create a visible component in a container. component: String or Component. component Class Name. in: Component. where the new component to be created inside. Remove [2022-01-20_123711] Remove the component from screen. if it's a container component, all his children will be removed. Children [2022-01-21_195051] Return a list of component container's children. This can be used for native component…

[Kevinkun]

@Fernan_App

I still find this error: com.google.appinventor.components.runtime.label.

use the helper blocks, do not write the component type manually, it's case sensitive.

[Fernan_App]

Thak you Profile - Kevinkun - MIT App Inventor Community, now it works properly.
If you allow me, could you give me an example of how to use the event on click? I have read the instructions but I don´t underestand it properly. I need get the value of the list to open another screen with the data selected.
Thanks again
I attached
compreator_simple_example.aia (36.6 KB)
the aia with the simple example in case it can be useful

[Kevinkun]

the document has descripted very clear.

[Fernan_App]

Hi Kevikun,
I tried, but I can't find the blocks necessary to follow your example.
I show you where I am

Tnanks for your help

[Kevinkun]

make sure you are using the newest version.

or you don't know how to add a param to the procedure? just click the blue gear on the procedure, and you can rename it to what ever you want.

[Fernan_App]

Hi Kevinkun
I have the problem I din´t know the option input in procedures blocks
I have arranged it, as you showed in the example.
But I found the error in the image
Regards

[Kevinkun]

compare your blocks with mine carefully.
the arguments need a list.

[Fernan_App]

Thank you Kevinkun!!!!!!!!!!!!!!!!!!!!1
Now it works fine!!

[Fernan_App]

Almost it's complete, but I can't avoid have the text cut. Please see image

Any help? Thanks