Bixby Developer Center

This capsule displays many of the common layouts used in Bixby Views for all of the currently supported devices.

Download Capsule

The Common Layouts sample capsule is trained with a set of utterances that call up a set of cards, cells, and other input components:

• "Show an image card"
• "Show a thumbnail card"
• "Show a compound card"
• "Show an image carousel"
• "Show an image list"
• "Show a cell area"
• "Show a cell card"
• "Show an input cell"
• "Show a partition"
• "Show a map"
• "Show a title area"
• "Show a title card"
• "Show an hbox"
• "Show an attribution link"
• "Show a video"
• "Show an image"
• "Show a progress bar"
• "Show a header"
• "Show a header with an image area"
• "Show a single line"
• "Show an image list of"
• "Show a thumbnail area"

These layouts are defined in the resources/base/layouts directory of the capsule:

layouts/
├── compound-card/
│   ├── Flower_Compound_Card.layout.bxb
│   ├── Hotel_Compound_Card.layout.bxb
│   └── RideShare_Compound_Card.layout.bxb
├── details/
│   ├── Flower_Details.layout.bxb
│   ├── Hotel_Details.layout.bxb
│   ├── Hotel_Rating.layout.bxb
│   └── RideShare_Details.layout.bxb
├── image-card/
│   ├── Flower_Image_Card.layout.bxb
│   ├── Hotel_Image_Card.layout.bxb
│   └── RideShare_Image_Card.layout.bxb
└── thumbnail-card/
    ├── Flower_Thumbnail_Card.layout.bxb
    ├── Hotel_Thumbnail_Card.layout.bxb
    └── Rideshare_Thumbnail_Card.layout.bxb

The views that individually call the components are defined in the resources/base/views directory of the capsule:

views/
├── attribution-link/
├── carousel/
├── cell-area/
├── cell-card/
├── compound-card/
├── hbox/
├── header/
├── image/    
├── image-card/
├── image-list/
├── image-list-of/
├── input-cells/
├── map/
├── partitioned/
├── progress-bar/
├── single-line/
├── thumbnail-area/
├── thumbnail-card/
├── title-area/
├── title-card/
├── video/

For more details about specific components, read Creating Bixby Views and Layout Components.