Bixby Developer Center

Build Conversational Experiences
Guides
References

image-url

optionalvalue optional

URL of image to display. Bixby supports the same image types as Android: BMP, GIF, JPEG. PNG, WebP, and HEIF. PNG or JPG image types are recommended.

Examples

image-url { 
template ("http://foo-image.png")
}
            image-url (images/icons/hotel-icon.png)

View dc922cf on GitHub

      image-url {
template ("./images/earthquake.png")
}

View 1c3dc89 on GitHub

          image-url {
template ("#{value(meme.imageResultUrl)}")
}

View 0d88551 on GitHub

Note

If you need to display an image from raw data that is generated inside a capsule action, you can do so by using a data URL. For more information, you can read about the "data" URL scheme RFC.

Here is an example using an SVG. Embed the image by converting the image data to an image source, prefix image with data, and use base64 to encode the image string:

var url = `data:image/svg+xml;base64,${base64.encode(pureSvg)}`

In your view file, you would call the URL normally:

content {
section {
image {
url(this.url)
}
}
}

This is useful, for example, if you want to display the current stock prices in a stock market capsule.

Child Keys

macro
optional
Defines a layout, a portion of a layout, or a dialog with a macro
template
optional
Text to be passed
template-macro
optional
NoteThis key will be deprecated in a future release