How can I recreate this layout and use it in a list?

[Alisson_Silva]

How do I create a dynamic list like this?

[RaYzZz (Gianluca Franco)]

Hi dear,

As I mentioned in the other topic this question comes from, my suggestion is to recreate this layout in an empty screen, then export the screen (.ais) and import it here DynamicComponents Schema Generator for AI2 - ysfchn (thanks to yusufcihan).

If the screen isn’t rendered correctly, you can adjust it manually, remove the “Allow re-using with index key” flag, and then copy the template to your clipboard.

On Kodular, you have two extensions you can use RecyclerList or DynamicComponents.
I strongly recommend using RecyclerList, since it’s really efficient for this kind of list.

There are many guides about this in the community, I can recommend this one, which is really well made

[Guide] Schema Template - How to use with Recycler List Extension

This guide will show you how to create a schema template in order to use it with RecyclerList extension by @zainulhassan . Many of you are familiar with creation of schema template using TemplateCreator by @yusufcihan and Dynamic components extension. For those we never worked with schema and TemplateCreator there is already an excellent guide in community that you can refer - Tutorials from a-z, How to create schema templates with DynamicComponents and Python Creation of schema template is i…

Thanks to YusufCihan’s website, there’s no need to use TemplateCreator (Python).

I need to step away from the PC for a little while.
When I get back, I wanted to help another user in a different topic. Maybe in the example I was planning to create, I could make a template similar to the one you need, so I can help both of you with a single project

[RaYzZz (Gianluca Franco)]

Need help making a search bar

Keeping in mind that switching to an SQL database would be the best solution, I still tried to build a project. Take a look at it. [blocks(111)] [image] RLFBFilter.aia (136.6 KB) In the DB I have a structure like this: [image] I asked Gemini to create a structure with many items while keeping your job skeleton. testbucket.json In this example, the DB is read-only. It is strongly recommended to implement an authentication method if you intend to make it writable. In Kodul…

Hi dear, as you can see in this topic I created a schema practically identical to what you were trying to do.

@RaYzZz

@RaYzZz

As I said in the other topic

@RaYzZz

It’s late now and I’m off to bed , but if you need any more detailed explanation, feel free to ask.

[Alisson_Silva]

Hi friend,
Are these examples the same?
I’m saving data to TinyDB, but I’m still unsure about how to handle the data being saved there. I understood the concept you used; I’m going to study it a bit more and then get back to you with questions, okay?

[RaYzZz (Gianluca Franco)]

Hi dear,

@Alisson_Silva

Are these examples the same?

Not exactly, the topic I mentioned had a slightly different request, but since it was using RecyclerList anyway, I took the opportunity to create the layout you needed

Since it’s quicker for me to remove the unnecessary blocks rather than explain what everything does, give me 5 minutes and I’ll clean up the project.

Edit:

RLSchema.aia (133.6 KB)

Better?

• In Screen.Initialize we create a dictionary with 1000 items using the structure you see.

• we initialize RL
  And we set RL.Data with the dictionary keys (I prefer passing the keys and then retrieving the data in .OnBind, some prefer passing the data directly so it’s up to you)

• In .OnCreate we create the schema retrieved from the site I mentioned earlier.
  In the screen “Schema_Item” you can customize it however you want >> export ais >> schema site >> schema in JSON.

• In .OnBind you need to set all the component properties.
  In my case, I set a uniqueId for the CV so I can recognize it later on .Click, and for the other components I set Text using the data from the data dictionary

[Alisson_Silva]

Sorry, my friend,

I think I phrased that poorly.

Regarding the example above,

this results screen needs to look like the one in the image—do you see what I mean?

[RaYzZz (Gianluca Franco)]

@Alisson_Silva

I don’t understand, and what was this?

[Alisson_Silva]

It would be in this style
Date - 10/08/206
img 1. 32 - Front 1
img 2. 69 - Front 1
img 3. 75 - Front 1
img 4. 22 - Front 1
img 5. 20 - Front 1

[RaYzZz (Gianluca Franco)]

Ah sorry, I hadn’t connected the two topics, now it’s all clearer.

I think it’s even simpler like this, since the layout seems quite basic, you could create the components manually without needing a schema.

In the image you showed above there are roughly elements grouped by “Front”, but within the group there is both Front 1 and Front 1 - 2 - 3.
With that example the fronts are few, but with many fronts the data can become really messy to group, also because the way it currently works each front gets added to a list, so if a front repeats it also repeats in the list.
Here is an example with many elements

[Alisson_Silva]

Dear friend,

Let’s look at the details:
We currently have about 520 material transport boxes; each box bears a 5-digit number—for example, 57842.

Each truck carries 5 boxes.

We also have 8 different transport routes—picking up from B and delivering to A, picking up from C and delivering to A, and so on. At the various locations, we swap them out: we pick up other boxes and leave the ones we brought, creating a rotation system.

In this first stage I’m setting up, the results are grouped by date.

Next, I’ll move on to grouping by shipment quantity and location.

Finally, a search for the container’s movement history.

[Alisson_Silva]

Error retrieving data for viewing

[RaYzZz (Gianluca Franco)]

Hi dear, the soma tag is text, not a list

[Alisson_Silva]

How can I get the result in a list?

[RaYzZz (Gianluca Franco)]

@RaYzZz

In soma_dados you have the data in JSON format, so you can manipulate it however you prefer.
Each number is a key, and its value is a dictionary with qtd, date and front

[Alisson_Silva]

Sorry,

but nothing is working…

it’s not receiving data, and I can’t retrieve it to display…
it doesn’t create a list where I can map things to the right places…

[RaYzZz (Gianluca Franco)]

How can I recreate this layout and use it in a list?

Hi dear, As I mentioned in the other topic this question comes from, my suggestion is to recreate this layout in an empty screen, then export the screen (.ais) and import it here DynamicComponents Schema Generator for AI2 - ysfchn (thanks to yusufcihan). If the screen isn’t rendered correctly, you can adjust it manually, remove the “Allow re-using with index key” flag, and then copy the template to your clipboard. On Kodular, you have two extensions you can use RecyclerList or DynamicComponen…

And where did you get stuck?

[Alisson_Silva]

CaixaLista.aia (15.2 KB)

Dear friend,

Here is where I left off; I am very busy with work—could you help?
The search returns the data aggregated by query.

[RaYzZz (Gianluca Franco)]

Hi,

I would really prefer if you isolate a specific problem and show where you got stuck

[Alisson_Silva]

Sorry, I think I forgot to include the search.

Here it is:

error in the results search

[RaYzZz (Gianluca Franco)]

@Alisson_Silva

error in the results search

More details