This article goes over the different options when creating and editing a component in DIGIDECK. These automatically pop up as soon as a component is added to the slide. You will see three options which include "Settings", "Styling", and "Accessibility".
NOTE: You will still be able to access the settings from the top left corner once a component is added if you are familiar with that location.
Component Styling Settings:
Navigate into layout mode in your presentation and add a new component. For this example, we will be using the "Audio Player" component.
Click the "+" button and add your desired component.
After your component has been added, you will see there is a "Settings" or "Gear" icon on the far right side. Click this icon and a new section will open up.
You can either adjust the component settings, styling, and accessibility from here. We will be focusing on the styling in this article.
Component Settings Tab:
The first tab is the Settings configuration. This will look different for each component you use. This is where you will be able to upload your files (images, videos, audio, etc.), adjust specific options for the component, and any other options needed to set up.
Audio Player Component Settings Example:
Image Component Settings Example:
Component Styling Tab:
Each component has a unique set of containers, each with individual settings that adjust the component in a specific way. As shown below, adjusting these settings will change the component on the slide. Every component has a different amount of settings that can be changed but should look similar to this example.
NOTE: These changes will reflect automatically on your component so you will be able to see the changes as you update the styling.
Audio Player Component Settings Example:
Image Component Settings Example:
Component Accessibility Tab:
The accessibility tab should look similar for almost every component. This is usually just a few different labels or options to allow for better navigation.
Audio Player Component Settings Example:
Set the tab index to specify the tab order for this component.
Image Component Settings Example:
A short description of the image for accessibility.