Article Overview
Within the General tab for a step, you now have the option to customize the prompt's appearance by selecting either a light or dark lightbox background effect. Additionally, you can enable or disable an outline around the highlighted control and adjust the thickness of the spotlight outline to suit your preferences.
Apply Styling to Entire Lesson
1 | Navigate to the context menu (three dots) located on the top right of the lesson steps. |
2 | Click Step Actions |
3 | Click Paste Prompt Styles to Steps |
4 | Select your Dialog Background. You have the option to choose light or dark or custom. |
Alongside modifying the background effect, you have the flexibility to personalize the colors of the prompt (text) itself.
For "no action required" prompts, you can anchor the prompt relative to the viewing window.
Design Prompt Window
1 | Navigate to a step in design in Lesson Builder. |
2 | Select Spotlight Background preference from the dropdown. You have the option to choose a light or dark background |
3 | If you would like a outline border, check the Spotlight Outline box. You can also select the border width (in pixels) You also have ability to select your color. Either enter your hex code or choose from the rainbow grid |
4 | Select your Dialog Background. You have the option to choose light or dark or custom. Alongside modifying the background effect, you have the flexibility to personalize the colors of the prompt (text) itself. |
5 | Click Update to save changes. |
Demo
.gif)