Card View for Cloud Chat App

[3XAY]

I am making a cloud chat app and I need to find out how to turn the list view into more of a card view. I found a dynamic extension but I do not know how to use it. Here is the aia files along with some aix files I used in it. CloudChat_BETA_TESTING_Notifications.aia (64.0 KB) NotificationStyle.aix (31.5 KB) Battery.aix (14.3 KB)

[Mayank_Kumar]

Sorry but there's no "Card View" Component in App Inventor (It is in Kodular) but you can use some arrangements instead.
Step 1 : Use the Create component to create a new arrangement in a Vertical Scroll Arrangement.
Step 2 : Now, create a label (or a button if you want to add a Long Click option) and set its text to the message received.

[Alaqmar_Bohori]

You can use this extension to create card views using arrangement.

Shadow Layout: Apply elevation to an arrangement

An extension to apply and control elevation colours to an arrangement. Change properties like shadow angle, shadow radius, shadow distance and shadow colour! Made by me and Clawser Documentation [SharedScreenshot] Initialize Shadow Layout arrangement: Parent arrangement child: Target arrangement of the shadow layout [SharedScreenshot] Sets the shadow color of the target arrangement [SharedScreenshot] Returns the shadow color [angle] Sets the shadow angle of the target…

[Alaqmar_Bohori]

Or even this one

[Free] Enhance Extension to create stylish card views

[Kumaraswamy]

Even this you can you:

MakeViewUp Extension: beautify & customize android views

MakeViewUp allows you to customize your application’s android view components like layouts & buttons. Blocks:- Methods: [blocks (15)] Eleven different types of methods for specific things like setting elevation, gradient, margin, padding, corner radius, the ripple effect, rotation, stroke & visibility of the android view component. Properties: [blocks (16)] One background color setting property and eight different types of properties for specific things like getting background color, sha…

[TIMAI2]

Also, for App Inventor

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

[3XAY]

@TIMAI2

Also, for App Inventor

I tried that but could not get it to work. I also have kodular but I don't know how to use the card view..

[Patryk_F]

An example of a simple chat.

chat.aia (45.3 KB)

[3XAY]

Interesting... I didn't even know some of these things exist! Like the hide keyboard block. Thank you! I will go ahead and see it!

[3XAY]

I have looked over the code but I am unable to understand how I can add this into my current app. But this looks Very good. This is exactly what I was searching for!