Bixby Developer Center

Bixby Views

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

Download Capsule


Because you cannot submit a capsule with the example namespace, in order to test a sample capsule on a device, you must change the id in the capsule.bxb file from example to your organization's namespace before making a private submission.

For example, if your namespace is acme, change example.commonLayouts to acme.commonLayouts.

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:

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

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

├── 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.

Video Tutorials

You can watch the following videos to learn more about Bixby Views components: