Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
excludeRelated

Image and font specifications

  • Echo Show image display image sizes are listed in the template tables. Echo Spot images are scaled-down as appropriate.

  • The cumulative file size of all images in the skill should not exceed 3 MB.

  • Titles can have up to 200 characters.

  • Each template allows limited text on the screen (based on a 32 px font size), which if exceeded is truncated on the screen display. The user cannot scroll to see the remaining text. Adjust this limit if you use larger fonts.

  • Most templates allow hints, which you can use for optional content and to delight customers, and not for important information.

  • Font sizes are as follows: Font Size Echo Show Echo Spot 7 68 48 5 48 38 3 32 32 2 28 28

ListTemplate1

ListTemplate1 displays text lists and optional images.

Echo Show

Echo Spot

  • Title

  • Skill icon

  • Primary font size 7; secondary 3;
    tertiary 5

  • Display image size. 88 x 88 px

  • Character limit. 84

  • Optional image and background image

  • Title

  • Skill icon

  • Primary font size 7; secondary 3; tertiary 3

  • Display image size. Scaled

  • Character limit. 84

  • Optional image and background image

ListTemplate2

ListTemplate2 displays a horizontal image list with optional text.

Echo Show

Echo Spot

  • Title

  • Skill icon

  • Primary font size 2

  • Display image size. 192 to 498 x 280 px

    • Portrait (192 x 280)

    • Square (280 x 280)

    • 4:3 (372 x 280)

    • 16:9 (498 x 280)

  • Optional background image

  • Hint

  • No title

  • Skill icon

  • Primary font size 7; secondary 2

  • Display image size. Scaled

  • Character limit. 84

  • List image is background with 70% opacity

  • Optional background image

BodyTemplate1

BodyTemplate1 displays full-width text in short text and scrolling formats.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Full-width text is top-left-aligned; default font size 7

  • Display image size. Inline images only

  • Character limit. 85

  • Small inline images permitted

  • Optional background image

  • Title is center-aligned

  • Skill icon

  • Text is top-left-aligned; default font size 7

  • Display image size. Inline images only

  • Character limit. 84

  • Small inline images permitted

  • Optional background image

BodyTemplate2

BodyTemplate2 for Echo Show displays text on the left with an image on the right; for Echo Spot, it displays auto-centered text that is stacked on top of the image. See also BodyTemplate3, which is very similar.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Default font size 3

  • Display image size. 340 x 340 px

  • Character limit. 8000

  • Optional hint, action links, background image

  • No title or hint

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 8000

  • Optional action links

BodyTemplate3

BodyTemplate3 for Echo Show displays left-aligned text on the right with an image on the left; for Echo Spot, it displays auto-centered text that is stacked on top of the image. See also BodyTemplate2, which is very similar.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Default font size 3

  • Display image size. 340 x 340 px

  • Character limit. 8000

  • Optional hint, action links, background image

  • No title or hint

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 8000

  • Optional action links

BodyTemplate6

BodyTemplate6 displays bottom-left-aligned text with a scaled and centered background image.

Echo Show

Echo Spot

  • Full-width text (2-3 lines max)

  • Skill icon

  • Default font size 7

  • Display image size. 340 x 340 px

  • Character limit. 85

  • Optional hint

  • Optional background image

  • Text is center-aligned, scrollable

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 85

  • No hint

  • Optional background image

BodyTemplate7

BodyTemplate7 displays a scalable foreground image with an optional background image.

...

Info

If the foreground image is transparent, then the visual effect is different, as shown here.

...

Related topics

Related Articles

Filter by label (Content by label)
showLabelsfalse
max5
showSpacefalse
cqllabel = "experience-manager"