Alexa APL Tutorial - Lesson 4: Text Components
Join Alexa Champion Mark Tucker as he discusses how to text with style using Alexa Presentation Language's (APL) Text Components.
If you would like to follow along, please use this APL Ninja Link:
https://apl.ninja/MarkTucker/dabble-l...
APL Text Documentation: https://developer.amazon.com/en-US/do...
We recommend you use an import of Alexa Styles (in this case Mark uses version 1.3), but you can also use Alexa Layouts.
You will learn how to change text color, size, font, position, and a variety of other text properties.
Some background information...
Alexa Presentation Language (APL) is the visual design framework that allows you to build interactive voice and visual experiences on supported devices such as the Echo Show, Fire TV, some Fire Tablets, etc. APL allows you to include graphics, images, animations, slideshows, and videos to visual experiences in order to make skills more engaging and delightful to users.
A container is a type of APL component, that is, a primitive UI element that displays on the device's viewport. A container is able to display multiple child items and can be adjusted using different properties.
About Mark Tucker:
Mark is an Alexa Champion. He is also a full-stack developer who’s on a mission to help businesses reach millions of customers through devices with Alexa. Mark is a Sr. Technical Director at RAIN and co-host of the Two Voice Devs podcast. He also owns Shazaml Design LLC, based in Gilbert, Arizona, and strives to help companies connect with customers via voice, our most natural form of interaction.
We love hearing from you! Do you have questions? New tutorial ideas you would like to see? Comment below, and we will do our best to help out.
Other Relevant Dabble Lab:
Alexa APL Tutorial - Lesson 1: Introducing Containers: • Alexa APL Tutorial - Lesson 1: Introd...
Alexa APL Tutorial - Lesson 2: Containers Wrap Up: • Alexa APL Tutorial - Lesson 2: Contai...
Alexa APL Tutorial - Lesson 3: Frame Components: • Alexa APL Tutorial - Lesson 3: Frame ...
Follow Us!
Twitter: https://twitter.com/dabblelab?s=20
LinkedIn: / dabblelab
Facebook: / dabblelab
GitHub: https://github.com/dabblelab
Subscribe to our YouTube Channel for more tutorials to help you build custom solutions for Amazon Alexa, Twilio Autopilot, Google Assistant, and other platforms.
About Dabble Lab:
Dabble Lab is a company dedicated to creating tutorials to help you learn how to build custom solutions for Amazon Alexa, Google Assistant, Twilio Autopilot, and other emerging digital assistant platforms. Learn more about Dabble Lab at https://dabblelab.com.
#DabbleLab #MarkTucker #APL #AlexaSkills #VoiceFirst
0:00 Intro
1:37 Text Position
1:54 Text Color
2:08 Font Size
2:26 Font Family
3:10 Padding
3:52 Font Weight (bold/normal)
4:22 Font Style (italic/normal)
4:30 Letter Spacing
5:00 Paragraphs
5:21 Shadows
5:58 Shadow Radius Value
6:25 Margin Horizontal
6:52 Add Spacing
7:18 Line Height
7:37 Maximum Number of Lines
8:07 Text Align
9:18 Markdowns
10:35 Styles
