Need Help In SCHEMA

Hello
Recently I Created a Schema for Dynamic Component. It Works well but Color Component not Work.
I Use BG color for 1 Vertical. Arngmnt, and color for 1 Text. Both Components are visible and work well except COLOR.

Please Check below Code and help me to resolve issue.

{
    "name": "Test",
    "metadata-version": 1,
    "extension_version": 5,
    "author": "Vinaba Jadeja",
    "platforms": [
        "creator.kodular.io"
    ],
    "keys": [
	"id",
	"title",
	"name",
	"address",
	"type",
	"time",
	"person",
	"mobile",
	"date"
	],
    "components": [
        {
            "id": "Card_View1{id}",
            "type": "MakeroidCardView",
            "properties": {
                "AlignHorizontal": 3,
                "ContentPaddingBottom": 0,
                "ContentPaddingLeft": 0,
                "ContentPaddingRight": 0,
                "ContentPaddingTop": 0,
                "CornerRadius": 12,
                "Width": -2
            },
            "components": [
                {
                    "id": "Vertical_Arrangement1{id}",
                    "type": "VerticalArrangement",
                    "properties": {
                        "AlignHorizontal": 3,
                        "AlignVertical": 2,
                        "BackgroundColor": 4280391410,
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space2{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Height": 5
                            }
                        },
                        {
                            "id": "title{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 20,
                                "Text": "{title}",
                                "TextColor": 4294967295
                            }
                        },
                        {
                            "id": "Space1{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Height": 5
                            }
                        }
                    ]
                },
                {
                    "id": "Space1_copy{id}",
                    "type": "SpaceView",
                    "properties": {
                        "Height": 5
                    }
                },
                {
                    "id": "Horizontal_Arrangement1{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0a95\u0abe\u0aae\u0aa8\u0ac1\u0a82 \u0aa8\u0abe\u0aae: "
                            }
                        },
                        {
                            "id": "Space3_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "name{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{name}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement1_copy{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3_copy1{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2_copy1{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0a95\u0abe\u0aae\u0aa8\u0ac1\u0a82 \u0ab8\u0acd\u0aa5\u0ab3: "
                            }
                        },
                        {
                            "id": "Space3_copy_copy1{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "address{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{address}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement1_copy_copy{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3_copy1_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2_copy1_copy{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0a95\u0abe\u0aae\u0aa8\u0acb \u0aaa\u0acd\u0ab0\u0a95\u0abe\u0ab0: "
                            }
                        },
                        {
                            "id": "Space3_copy_copy1_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "type{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{type}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement1_copy_copy_copy{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3_copy1_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2_copy1_copy_copy{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0aab\u0acb\u0aa8\u0aa8\u0acb \u0ab8\u0aae\u0aaf: "
                            }
                        },
                        {
                            "id": "Space3_copy_copy1_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "time{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{time}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement1_copy_copy_copy_copy{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3_copy1_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2_copy1_copy_copy_copy{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0ab5\u0acd\u0aaf\u0a95\u0acd\u0aa4\u0abf\u0aa8\u0ac1\u0a82 \u0aa8\u0abe\u0aae\u0a83 "
                            }
                        },
                        {
                            "id": "Space3_copy_copy1_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "person{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{person}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement1_copy_copy_copy_copy_copy{id}",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space3_copy1_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Label2_copy1_copy_copy_copy_copy{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -1023,
                                "Text": "\u0aae\u0acb\u0aac\u0abe\u0a88\u0ab2 \u0aa8\u0a82:"
                            }
                        },
                        {
                            "id": "Space3_copy_copy1_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "mobile{id}",
                            "type": "Label",
                            "properties": {
                                "FontSize": 17,
                                "Width": -2,
                                "Text": "{mobile}"
                            }
                        },
                        {
                            "id": "Space3_copy_copy_copy_copy_copy_copy_copy{id}",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        }
                    ]
                },
                {
                    "id": "Space1_copy_copy2_copy1{id}",
                    "type": "SpaceView",
                    "properties": {
                        "Height": 5
                    }
                },
                {
                    "id": "date{id}",
                    "type": "Label",
                    "properties": {
                        "FontSize": 14,
                        "Width": -1085,
                        "Text": "{date}",
                        "TextAlignment": 2,
                        "TextColor": 4288585374
                    }
                },
                {
                    "id": "Space1_copy_copy2_copy1_copy{id}",
                    "type": "SpaceView",
                    "properties": {
                        "Height": 10
                    }
                }
            ]
        }
    ]
}

Use color utilities to get correct integer and add it to schema. Note that if you are using color utilities transparency is set after # and not in the end for example # 6E 21A3F2 sets transparency to 43%

1 Like

Thanks @dora_paz for increase my knowledge and solve my issue.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.