[F/OS] - Dynamic Components Extension (for every component) 2.3.0

@Anil2 try this and see if it works for you

TEST3_1.aia (40.7 KB)

2 Likes

Yes Work Property Thanks

2 Likes

Hello, I am using the extension to create a list of radios. And I would like that, by clicking on a radio, it changes the information that is in another arrangement.

I already have a list_view_image_and_text where I already make the change of info by clicking, it works perfectly. But for the dynamic list, I can’t.

I took yusufcihan’s advice where he says use generic events, but nothing to do, it doesn’t work.

Could you tell me what mistakes I am making and help me solve my problem please?

If it is necessary, and if it can help you, I can also provide the aia project, you tell me. Thanks everyone.

1 Like

Hello I am using the extension to create a list of data, I have a problem when inserting an image in each dynamic card, I hope you can help me
{
“name”: “cardRequestCompleted”,
“metadata-version”: 1,
“author”: “Belsoft369”,
“platforms”: [
“Kodular”
],
“keys”: [
“IDcard”,
“IDha”,
“IDva”,
“IDha2”,
“IDiconPickup”,
“IDaddressPickup”,
“IDlngPickup”,
“IDprice”,
“IDspace”,
“IDha3”,
“IDiconDropoff”,
“IDaddressDropoff”,
“IDdate”,
“IDspace2”,
“IDiconNext”,
“addressPickup”,
“addressDropoff”,
“date”,
“price”
],
“components”: [
{
“id”: “{IDcard}”,
“type”: “MakeroidCardView”,
“properties”: {
“Width”: -2,
“BackgroundColor”: -1,
“ContentPaddingTop”: 12,
“ContentPaddingBottom”: 12,
“CornerRadius”: 15,
“Elevation”: 0,
“FullClickable”: true
},
“components”: [
{
“id”: “{IDha}”,
“type”: “HorizontalArrangement”,
“properties”: {
“AlignVertical”: 2,
“Width”: -2
},
“components”: [
{
“id”: “{IDva}”,
“type”: “VerticalArrangement”,
“properties”: {
“Width”: -2
},
“components”: [
{
“id”: “{IDha2}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconPickup}”,
“type”: “Label”,
“properties”: {
“TextColor”: -10592556,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “star_outline”
}
},
{
“id”: “{IDaddressPickup}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressPickup}”,
“FontSize”: 13
}
},
{
“id”: “{IDlngPickup}”,
“type”: “Image”,
“properties”: {
“Picture”: “{lngPickup}”
}
},
{
“id”: “{IDprice}”,
“type”: “Label”,
“properties”: {
“FontBold”: true,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{price}”,
“FontSize”: 15
}
}
]
},
{
“id”: “{IDspace}”,
“type”: “SpaceView”,
“properties”: {
“Height”: 8
}
},
{
“id”: “{IDha3}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconDropoff}”,
“type”: “Label”,
“properties”: {
“TextColor”: -759456,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “loyalty”
}
},
{
“id”: “{IDaddressDropoff}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressDropoff}”,
“FontSize”: 13
}
},
{
“id”: “{IDdate}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{date}”,
“FontSize”: 13
}
}
]
}
]
},
{
“id”: “{IDspace2}”,
“type”: “SpaceView”,
“properties”: {
“Width”: 8
}
},
{
“id”: “{IDiconNext}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “navigate_next”,
“FontSize”: 20
}
}
]
}
]
}
]
}

I would like to be able to load independent images of each firebase data chain. There is an extension that I can add to my project, to be able to load images within the dynamic card. I give you an image of the app I would like you to help me see how each dynamic card can load an independent photo thanks in advance I hope your help
{
“name”: “cardRequestCompleted”,
“metadata-version”: 1,
“author”: “Belsoft369”,
“platforms”: [
“Kodular”
],
“keys”: [
“IDcard”,
“IDha”,
“IDva”,
“IDha2”,
“IDiconPickup”,
“IDaddressPickup”,
“IDprice”,
“IDspace”,
“IDha3”,
“IDiconDropoff”,
“IDaddressDropoff”,
“IDdate”,
“IDspace2”,
“IDiconNext”,
“addressPickup”,
“addressDropoff”,
“date”,
“price”
],
“components”: [
{
“id”: “{IDcard}”,
“type”: “MakeroidCardView”,
“properties”: {
“Width”: -2,
“BackgroundColor”: -1,
“ContentPaddingTop”: 12,
“ContentPaddingBottom”: 12,
“CornerRadius”: 15,
“Elevation”: 0,
“FullClickable”: true
},
“components”: [
{
“id”: “{IDha}”,
“type”: “HorizontalArrangement”,
“properties”: {
“AlignVertical”: 2,
“Width”: -2
},
“components”: [
{
“id”: “{IDva}”,
“type”: “VerticalArrangement”,
“properties”: {
“Width”: -2
},
“components”: [
{
“id”: “{IDha2}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconPickup}”,
“type”: “Label”,
“properties”: {
“TextColor”: -10592556,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “star_outline”
}
},
{
“id”: “{IDaddressPickup}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressPickup}”,
“FontSize”: 13
}
},
{
“id”: “{IDprice}”,
“type”: “Label”,
“properties”: {
“FontBold”: true,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{price}”,
“FontSize”: 15
}
}
]
},
{
“id”: “{IDspace}”,
“type”: “SpaceView”,
“properties”: {
“Height”: 8
}
},
{
“id”: “{IDha3}”,
“type”: “HorizontalArrangement”,
“properties”: {
“Width”: -2,
“AlignVertical”: 3
},
“components”: [
{
“id”: “{IDiconDropoff}”,
“type”: “Label”,
“properties”: {
“TextColor”: -759456,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “loyalty”
}
},
{
“id”: “{IDaddressDropoff}”,
“type”: “Label”,
“properties”: {
“Width”: -2,
“TextColor”: -13947837,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{addressDropoff}”,
“FontSize”: 13
}
},
{
“id”: “{IDdate}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “Lato-Regular.ttf”,
“Text”: “{date}”,
“FontSize”: 13
}
}
]
}
]
},
{
“id”: “{IDspace2}”,
“type”: “SpaceView”,
“properties”: {
“Width”: 8
}
},
{
“id”: “{IDiconNext}”,
“type”: “Label”,
“properties”: {
“TextColor”: 1881877571,
“FontTypefaceImport”: “MaterialIcons-Regular.ttf”,
“Text”: “navigate_next”,
“FontSize”: 20
}
}
]
}
]
}
]
}


My components are loaded very slow.
Is it that i have a lot of components, and all of them are dynamic, or because of my mistake while creating the dynamic components?
I have tried few different approaches, and i still can’t load 20 components in less than 10 sec.

There might be some other processes going on when the components are being created

1 Like

Are there any code blocks that can be completely deleted? Only run once. Remove all dynamic components.

Please refer the first post.

2 Likes

TT

Why are there two components? what is it? how to use?

Your block is a generic block. Which means you need to pass the “DynamicComponents” instance block too. If that’s not what you want, you can convert it to specific by right clicking on it and selecting “Make Specific” (to do that you need to fill the for component parameter with instance block first - otherwise the option will be grayed out.).

Both does the same thing:

1 Like

Thank you very much for your professional answer! ! :ok_hand:

1 Like

How do I remove the white color of cardview. I want the color to be none.

Set background color to transparent

3 Likes

Thanks for the help.

1 Like

How to get screen used all dynamic or non dynamic components current properties list not default.

Hi all, when any card view click has removed?? Tks.

In order to see that in any components you have to add at least one cardview to your design - even hiden

Yes, thankyou, I find.

1 Like

May I say that I absolutely LOVE YOU :heart_eyes::heart_eyes::heart_eyes::sob::heart: