How to make button like this

[No_Pain_Ni_Gain]

[Decoder_360 (The Decoder 360)]

Use Cardview

[dora_paz (Dora)]

Designer part

Using decoration component

Result

[No_Pain_Ni_Gain]

I see, Thank you very much for the help!

[No_Pain_Ni_Gain]

Can i get the specific height and the width value of the components? thank you

[dora_paz (Dora)]

"components": [
        {
            "id": "Card_View1",
            "type": "MakeroidCardView",
            "properties": {
                "AlignHorizontal": 3,
                "AlignVertical": 2,
                "BackgroundColor": 16777215,
                "ContentPaddingBottom": 0,
                "ContentPaddingLeft": 0,
                "ContentPaddingRight": 0,
                "ContentPaddingTop": 0,
                "CornerRadius": 20,
                "Elevation": 0,
                "Width": -1080,
                "StrokeColor": 4043176955,
                "StrokeWidth": 2
            },
            "components": [
                {
                    "id": "Horizontal_Arrangement1",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "BackgroundColor": 16777215,
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Button1",
                            "type": "Button",
                            "properties": {
                                "BackgroundColor": 16777215,
                                "FontSize": 20,
                                "FontTypeface": 7,
                                "FontTypefaceImport": "MaterialIcons-Regular.ttf",
                                "HTMLFormat": true,
                                "Width": -2,
                                "Text": "man",
                                "TextColor": 4110285819,
                                "TouchColor": 4278238419
                            }
                        },
                        {
                            "id": "Vertical_Arrangement1",
                            "type": "VerticalArrangement",
                            "properties": {
                                "BackgroundColor": 4294967295,
                                "Height": -2,
                                "Width": 2
                            }
                        },
                        {
                            "id": "Button2",
                            "type": "Button",
                            "properties": {
                                "BackgroundColor": 16777215,
                                "FontSize": 20,
                                "FontTypeface": 9,
                                "FontTypefaceImport": "MaterialIcons-Regular.ttf",
                                "HTMLFormat": true,
                                "Width": -2,
                                "Text": "woman"
                            }
                        }
                    ]
                }
            ]
        }

[No_Pain_Ni_Gain]

what does -2 means in width and -1080 ?

[Still-learning (1-2-3-4...)]

-2 mean width fill but -1080 may be typo error but I don’t know exact meaning of it

[dora_paz (Dora)]

@Still-learning

-1080 may be typo

Not a type error, when using persentage in width for example 80% in schema is set as -1080