column-size

optionalvalue optional

Determines how many image cards are displayed within a larger list. You can specify 1, 2, or 3 cards per column. If you don't specify this key, the number of cards per column is determined by the aspect-ratio.

column-size (1)
column-size (2)
column-size (3)

Note

If you specify this key, image cards will group only if you are in a results list page or a details view page on mobile and fridge devices, or in the details view for TV devices. This key is ignored in the list view for TV devices and all views on watch devices.

Example

list-of (this) {
    where-each (car) {
        compound-card {
            content {
                image-card {
                aspect-ratio (9:16)
                column-size (2)
                image-url ("#{raw(car.imageUrl)}")
                title-area {
                    slot1 {
                        text {
                            value ("#{raw(car.name)}")
                            style (Title_M)
                        }
                    }
                }
                }
            }

        }
    }
}

Child Keys

value

optional

A value that matches one of the valid enumerated options of its parent key

Bixby Developer Center

column-size

Example

Child Keys