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

Note

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:

layouts/
├── 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:

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.

Video Tutorials

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