Help Me On Dynamic Component

Niotron CardView internal Name ? Label Name ? All Arrangements Names ? How To Find Help this topic

Instead of writing names why not just put the components blocks.

i Want Name Not Component

I believe it should be NiotronCardView.

You might find the below JSON helpful that is specially written for Niotron.

{
    "name": "ItemView",
    "metadata-version": 1,
    "author": "Jewel Shikder Jony",
    "platforms": [
        "Niotron"
    ],
    "keys": [],
    "components": [
        {
            "id": "card",
            "type": "NiotronCardView",
            "properties": {
                "Height": -1,
                "Width": -2,
                "CompatPadding": true,
                "Radius": 2,
                "Elevation": 2,
                "ContentPaddingBottom": 5,
                "ContentPaddingLeft": 5,
                "ContentPaddingRight": 5,
                "ContentPaddingTop": 5,
                "HeihMargin": "5,5,2,2"
            },
            "components": [
                {
                    "id": "HorizontalArrangement",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "AlignVertical": 2,
                        "BackgroundColor": 1048575,
                        "Height": -2,
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space1",
                            "type": "Spacer",
                            "properties": {
                                "Width": 2
                            }
                        },
                        {
                            "id": "icon",
                            "type": "Image",
                            "properties": {
                                "Height": 60,
                                "Width": 60,
                                "ScalePictureToFit": true
                            }
                        },
                        {
                            "id": "Space2",
                            "type": "Spacer",
                            "properties": {
                                "Width": 5
                            }
                        },
                        {
                            "id": "Vertical_Arrangement1",
                            "type": "VerticalArrangement",
                            "properties": {
                                "AlignVertical": 2,
                                "BackgroundColor": 1048575,
                                "Height": -2,
                                "Width": -2
                            },
                            "components": [
                                {
                                    "id": "name",
                                    "type": "Label",
                                    "properties": {
                                        "FontBold": true,
                                        "FontSize": 15,
                                        "Width": -2,
                                        "Text": "Name"
                                    }
                                },
                                {
                                    "id": "description",
                                    "type": "Label",
                                    "properties": {
                                        "FontSize": 11,
                                        "Width": -2,
                                        "Text": "Description",
                                        "TextColor": -24803963
                                    }
                                },
                                {
                                    "id": "category",
                                    "type": "Label",
                                    "properties": {
                                        "FontSize": 12,
                                        "Width": -2,
                                        "Text": "Category",
                                        "TextColor": -15226968
                                    }
                                }
                            ]
                        },
                        {
                            "id": "button",
                            "type": "Button",
                            "properties": {
                                "BackgroundColor": -33126186,
                                "FontBold": true,
                                "Height": 35,
                                "Shape": 2,
                                "Text": "Button 1",
                                "TextColor": -1
                            }
                        },
                        {
                            "id": "Space3",
                            "type": "Spacer",
                            "properties": {
                                "Width": 2
                            }
                        }
                    ]
                }
            ]
        }
    ]
}
2 Likes