Single Asset

The "Single Asset" slide can be used to showcase a single image (product image or otherwise) as an object rather than a background. This in combination with a few animation and behavior patterns for that inline image and the fact that the slide type has the full background asset functionality means that it's quite flexible.

The slide also has a text field (Description) that can be used as a caption for the image.

Main example

Behavior and usage

There are a few options in how the inline asset behaves and looks. And these are the same for both images and video.
Under "Inline Asset Settings" you can control the following:

Asset Animation: Set the animation behavior for the inline asset. Should it scale, fade or scale with a bounce or have no animation at all, this is where you decide on that.

Fit Asset To Canvas: Decides if the asset should fill to the edges or be within the margins of the canvas. It this is checked the image will fill as much as it can.

Show Border: If this is checked the inline asset will get a border. The color of this border can be changed under "Color Settings." It defaults to theme color "White."

NOTE: The border preview will not have the correct ratio on the storyboard but will render correctly.

The "Description" fields hold the text. It uses the "Small" typography from the theme settings and defaults to theme color "White."

Credit text is derived from the credit field in the asset browser. Since all assets in Storykit are their instance, you could use the credit field for additional information as well, such as a source reference or other. This field is not directly editable from the storyboard view. Instead, you access it through the asset browser’s detail view. You can turn off the credit text altogether from the storyboard side pane if you wish.

Main Asset Behavior, Styling, Slide settings, Music and Audio Control

You can read all about Main Asset Behavior and Main Asset Styling in those two articles. And Duration and other Slide settings in this article – and all about Music and Sound in this article.