Schema spoiled with recycler list

Kindly help me to remove the space marked in red​:red_circle: here
It only occurs on horizontal view

Schema here

{     "name": "REALESTATE",     "metadata-version": 1,     "extension_version": 5,     "author": "<your name>",     "platforms": [         "creator.kodular.io"     ],     "extensions": {},     "keys": [],     "components": [         {             "id": "Card_View2",             "type": "MakeroidCardView",             "properties": {                 "ContentPaddingBottom": 4,                 "ContentPaddingLeft": 4,                 "ContentPaddingRight": 4,                 "ContentPaddingTop": 4,                 "CornerRadius": 15,                 "Height": 260             },             "components": [                 {                     "id": "Card_View3",                     "type": "MakeroidCardView",                     "properties": {                         "ContentPaddingBottom": 0,                         "ContentPaddingLeft": 0,                         "ContentPaddingRight": 0,                         "ContentPaddingTop": 0,                         "CornerRadius": 14       ...            }                                             ]                                         },                                         {                                             "id": "Space8",                                             "type": "SpaceView",                                             "properties": {                                                 "Width": 20                                             }                                         }                                     ]                                 },                                 {                                     "id": "Space7",                                     "type": "SpaceView",                                     "properties": {                                         "Height": -2                                     }                                 }                             ]                         }                     ]                 }             ]         }     ] }
1 Like

try this schema

{     "name": "REALESTATE",     
"metadata-version": 1,     
"extension_version": 5,     
"author": "<your name>",     
"platforms": [ "creator.kodular.io" ],    
 "extensions": {},     
"keys": [],     
"components": 
[  { "id": "Card_View2_",             
"type": "MakeroidCardView",             
"properties": 
{                 
  "ContentPaddingBottom": 4,                 
  "ContentPaddingLeft": 4,                 
  "ContentPaddingRight": 4,                 
  "ContentPaddingTop": 4,                 
  "CornerRadius": 15,                 
  "Height": 260,"Width":-1090 },             
"components": [                 
{                     
    "id": "Card_View3_",                     
    "type": "MakeroidCardView",                     
    "properties": {                        
 "ContentPaddingBottom": 0,                        
 "ContentPaddingLeft": 0,                        
 "ContentPaddingRight": 0,                        
 "ContentPaddingTop": 0, 
"CornerRadius": 14,
"Width":-1090}                                                                                      
},                                        
 {                                             
"id": "Space8_",                                             
"type": "SpaceView",                                            
 "properties": {                                                 
"Width": 20  }                                         
}                                     
]                                
 },                                
 {                                     
  "id": "Space7_",                                     
  "type": "SpaceView",                                     
"properties": {                                         
"Height": -2 }
  }
  ]
  }

but i dont want the list to be much wider i just want to remove the space

{
    "name": "REALESTATE",
    "metadata-version": 1,
    "extension_version": 5,
    "author": "<your name>",
    "platforms": [
        "creator.kodular.io"
    ],
    "extensions": {},
    "keys": [],
    "components": [
        {
            "id": "Card_View2",
            "type": "MakeroidCardView",
            "properties": {
                "ContentPaddingBottom": 4,
                "ContentPaddingLeft": 4,
                "ContentPaddingRight": 4,
                "ContentPaddingTop": 4,
                "CornerRadius": 15,
                "Height": 260,
                "Width":300
            },
            "components": [
                {
                    "id": "Card_View3",
                    "type": "MakeroidCardView",
                    "properties": {
                        "ContentPaddingBottom": 0,
                        "ContentPaddingLeft": 0,
                        "ContentPaddingRight": 0,
                        "ContentPaddingTop": 0,
                        "CornerRadius": 14
                    },
                    "components": [
                        {
                            "id": "Horizontal_Arrangement4",
                            "type": "HorizontalArrangement",
                            "properties": {
                                "AlignHorizontal": 2,
                                "AlignVertical": 3,
                                "Height": 100,
                                "Width": 120,
                                "Image": "BUILDING.jpg"
                            },
                            "components": [
                                {
                                    "id": "Card_View4",
                                    "type": "MakeroidCardView",
                                    "properties": {
                                        "ContentPaddingBottom": 0,
                                        "ContentPaddingLeft": 2,
                                        "ContentPaddingRight": 0,
                                        "ContentPaddingTop": 0,
                                        "CornerRadius": 8
                                    },
                                    "components": [
                                        {
                                            "id": "Label6",
                                            "type": "Label",
                                            "properties": {
                                                "FontTypefaceImport": "Ubuntu-Bold.ttf",
                                                "Text": "text1",
                                                "TextColor": "-1633771777"
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "Horizontal_Arrangement5",
                    "type": "HorizontalArrangement",
                    "properties": {
                        "Height": -2,
                        "Width": -2
                    },
                    "components": [
                        {
                            "id": "Space4",
                            "type": "SpaceView",
                            "properties": {
                                "Width": 10
                            }
                        },
                        {
                            "id": "Vertical_Arrangement4",
                            "type": "VerticalArrangement",
                            "properties": {
                                "Height": -2,
                                "Width": -2
                            },
                            "components": [
                                {
                                    "id": "Label7",
                                    "type": "Label",
                                    "properties": {
                                        "Marquee": false,
                                        "Text": "text2",
                                        "TextColor": "-1633771777"
                                    }
                                },
                                {
                                    "id": "Space5",
                                    "type": "SpaceView",
                                    "properties": {
                                        "Height": -2
                                    }
                                },
                                {
                                    "id": "Label8",
                                    "type": "Label",
                                    "properties": {
                                        "Text": "text3",
                                        "TextColor": "-1633771777"
                                    }
                                },
                                {
                                    "id": "Space6",
                                    "type": "SpaceView",
                                    "properties": {
                                        "Height": -2
                                    }
                                },
                                {
                                    "id": "Horizontal_Arrangement6",
                                    "type": "HorizontalArrangement",
                                    "properties": {
                                        "AlignVertical": 2,
                                        "Width": -2
                                    },
                                    "components": [
                                        {
                                            "id": "Label9",
                                            "type": "Label",
                                            "properties": {
                                                "FontTypefaceImport": "Righteous-Regular.ttf",
                                                "Width": -2,
                                                "Text": "\u25cf text4",
                                                "TextColor": "-1633771777"
                                            }
                                        },
                                        {
                                            "id": "Card_View4_copy",
                                            "type": "MakeroidCardView",
                                            "properties": {
                                                "ContentPaddingBottom": 2,
                                                "ContentPaddingLeft": 2,
                                                "ContentPaddingRight": 2,
                                                "ContentPaddingTop": 2,
                                                "CornerRadius": 12
                                            },
                                            "components": [
                                                {
                                                    "id": "Label10",
                                                    "type": "Label",
                                                    "properties": {
                                                        "FontSize": 16,
                                                        "FontTypeface": 7,
                                                        "Text": "where_to_vote",
                                                        "TextColor": "-1633771777"
                                                    }
                                                }
                                            ]
                                        },
                                        {
                                            "id": "Space8",
                                            "type": "SpaceView",
                                            "properties": {
                                                "Width": 20
                                            }
                                        }
                                    ]
                                },
                                {
                                    "id": "Space7",
                                    "type": "SpaceView",
                                    "properties": {
                                        "Height": -2
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

@vknow360 chuny ji help me

REALESTATE_SCREEEEEEN.ais (2.2 KB)

ais file use for schema

How do you want the view?

Loke this?

Je Wants it horizontal but without that space between cards.

PS: I don’t have knowledge about the schema so cannot help :sweat_smile:

1 Like

I Want it horizontal but without that space between cards.

Got you… i will test it again…

In screen init , instead of Vertical just set horizontal and set space as fixed… let me test

To avoid the spaces between the dynamic cards you must use set padding with zero or negative value

Format1

Format2

Expecting format 1 or 2?

The error you said is not due to components instead your schema .

This is called attention grabbing.
If I know then I’ll help for sure but if I don’t know then tagging me or anyone won’t help you.

Can you show me the mistake made in my schema

Not a mistake in schema

as i said, i tried with decoration omponent and removed the spaces between the dynamic cards
image

you must set this margin for the main cardview you can change the negative value to any number untill you satisfy with UI

Without extension do you have any possible methods?

it is not extension, inbuit kodular blocks called Decoration

It wont works in my case :sweat_smile: so, revoking solution

What have you tried??? I have given you the screenshot as proof in this post

It wont suit for all devices better jain ul hassani should give a solution