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"
}
}
]
}
]
}
]
}
]
}
}