How to make this type card view in dynamic component?
- Create a VA1 in VSA
- In VA1
A.Set color with depending upon index of list
B. Create a label in VA1
C.Create another VA2 or HA1 and one label in it, set this arrangement background color to white
D. In VA1, create another HA2
E. In this HA2 create two buttons with green and red color
2 Likes
Plz sent aia
Why won’t you try it according to the steps provided in above post ? No need for an aia
1 Like
show in block
You have to make by your self no one is free here to make aia for you. Try by making basic dynamic components than try this one .
If you can’t create by yourself than you can face many problems in changing the design in future
1 Like
Exactly, follow above steps
1 Like
It is true
I want it to be dynamic card
Using Tutorials from a-z, How to create schema templates with DynamicComponents and Python
Json
{
"name": "Make_Card",
"metadata-version": 1,
"extension_version": 5,
"author": "dora0paz",
"platforms": [
"creator.kodular.io"
],
"extensions": {},
"keys": ["ID",
"bg_color",
"title_text",
"label_text"],
"components": [
{
"id": "Card_View1{ID}",
"type": "MakeroidCardView",
"properties": {
"ContentPaddingLeft": 0,
"ContentPaddingRight": 0,
"ContentPaddingTop": 0,
"CornerRadius": 15,
"Elevation": 4,
"Width": -2
},
"components": [
{
"id": "Horizontal_Arrangement1{ID}",
"type": "HorizontalArrangement",
"properties": {
"AlignVertical": 2,
"BackgroundColor": "{bg_color}",
"Height": 45,
"Width": -2
},
"components": [
{
"id": "Space1{ID}",
"type": "SpaceView",
"properties": {
"Width": 10
}
},
{
"id": "Label1{ID}",
"type": "Label",
"properties": {
"FontBold": true,
"FontSize": 16,
"FontTypeface": 1,
"Text": "{title_text}"
}
}
]
},
{
"id": "Horizontal_Arrangement3{ID}",
"type": "HorizontalArrangement",
"properties": {
"Height": -2,
"Width": -2
},
"components": [
{
"id": "Space1_copy{ID}",
"type": "SpaceView",
"properties": {
"Width": 10
}
},
{
"id": "Label2{ID}",
"type": "Label",
"properties": {
"Width": -2,
"Text": "{label_text}"
}
}
]
},
{
"id": "Horizontal_Arrangement2{ID}",
"type": "HorizontalArrangement",
"properties": {
"AlignVertical": 2,
"Width": -2
},
"components": [
{
"id": "Button1{ID}",
"type": "Button",
"properties": {
"BackgroundColor": -11751600,
"Height": 40,
"Width": -2,
"Shape": 1,
"Text": "Active "
}
},
{
"id": "Button1_copy{ID}",
"type": "Button",
"properties": {
"BackgroundColor": -769226,
"Height": 40,
"Width": -2,
"Shape": 1,
"Text": "Deactive"
}
}
]
}
]
}
]
}
]
}
}
2 Likes
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.