How can I make my own Schema template?
Step 1: Download zip from github
Step 2: Download and install version 3.x of python (any version starting with 3) You need to check the box “Add Python 3.x to PATH” in the first screen of the installation.
See details in this video
https://youtu.be/XYnkdEAXZ50
Step 3: Create your model in a separate screen in kodular. In my case I created a cardView with lots of buttons, whitespace, layout and it works. This Schema will be converted to JSON code then and you will be able to change some properties like the label’s text, background color and other attributes.
See details in this video
https://youtu.be/-oTHxVUFe6U
https://youtu.be/BpJBIUDvGcA
The template I created in this video
test123.aia (66.6 KB)
schema template
{
"name": "test",
"metadata-version": 1,
"extension_version": 5,
"author": "<your name>",
"platforms": [
"creator.kodular.io"
],
"keys": [
"id",
"title",
"sub",
"view",
"time",
"image"
],
"components": [
{
"id": "Card_View1{id}",
"type": "MakeroidCardView",
"properties": {
"ContentPaddingBottom": 0,
"ContentPaddingLeft": 0,
"ContentPaddingRight": 0,
"ContentPaddingTop": 0,
"CornerRadius": 20,
"FullClickable": true,
"Width": -2
},
"components": [
{
"id": "Vertical_Arrangement1{id}",
"type": "VerticalArrangement",
"properties": {
"Width": -2
},
"components": [
{
"id": "Card_View3{id}",
"type": "MakeroidCardView",
"properties": {
"BackgroundColor": 16777215,
"CornerRadius": 0,
"Elevation": 0,
"Width": -2
},
"components": [
{
"id": "Horizontal_Arrangement1{id}",
"type": "HorizontalArrangement",
"properties": {
"AlignVertical": 2,
"Width": -2
},
"components": [
{
"id": "Vertical_Arrangement2{id}",
"type": "VerticalArrangement",
"properties": {
"Width": -2
},
"components": [
{
"id": "Label1{id}",
"type": "Label",
"properties": {
"FontBold": true,
"FontSize": 16.0,
"Text": "{title}",
"TextColor": -769226
}
},
{
"id": "Label2{id}",
"type": "Label",
"properties": {
"Text": "{sub}",
"TextColor": -7566180
}
},
{
"id": "Horizontal_Arrangement2{id}",
"type": "HorizontalArrangement",
"properties": {
"AlignVertical": 2,
"Width": -2
},
"components": [
{
"id": "Label3{id}",
"type": "Label",
"properties": {
"FontTypeface": 7,
"Text": "visibility"
}
},
{
"id": "Label4{id}",
"type": "Label",
"properties": {
"Text": "{view}"
}
},
{
"id": "Space1{id}",
"type": "SpaceView",
"properties": {
"Width": -2
}
},
{
"id": "Label5{id}",
"type": "Label",
"properties": {
"Text": "{time}"
}
}
]
}
]
},
{
"id": "Card_View2{id}",
"type": "MakeroidCardView",
"properties": {
"ContentPaddingBottom": 0,
"ContentPaddingLeft": 0,
"ContentPaddingRight": 0,
"ContentPaddingTop": 0,
"CornerRadius": 20,
"Elevation": 0
},
"components": [
{
"id": "Image1{id}",
"type": "Image",
"properties": {
"Height": 200,
"Width": 150,
"Picture": "{image}",
"ScalePictureToFit": true
}
}
]
}
]
}
]
}
]
}
]
}
]
}
Here are some of the designs I created with that tool
