After adding a screen to your onboarding process, you can customize various visual aspects, including the footer. Here's a step-by-step guide to managing these elements
:
Accessing Screen Customization:
Screen Added on flow
Click on the screen you've added to the onboarding flow.
Press the Pencil button to enter the "Edit Screen" mode.
Navigating to Footer Options:
In the right panel, you'll find a list of customizable options, including a section for the Footer. The 'Footer' tab in your Onboarding settings allows you to manage navigation within your Onboarding screens, typically featuring two action buttons at the bottom of the screen (Button 1 and Button 2).
๐ฃ It's important to note that footer customization options are available for each screen template with some exceptions. Specifically, the options to customize the footer are not available for certain types of screens, including the Slider, Progress Bar, and Custom screens.
This means that when working with these specific screen types (Slider, Progress Bar, and Custom), the standard footer customization features will not be applicable.
For all other screen templates, you can fully utilize the header customization options to enhance your onboarding process's navigation and visual experience.
Customizing Footer Buttons:
Button 1 and Button 2 text customization: Customize these buttons to perform specific actions. You may enter the required text in the text field to change the button title: For example, Button 1 could be a 'Continue' button, and Button 2 could be a 'Cancel' button.
Configuring Navigation: After adding buttons and saving changes you may Set up connections and conditions for these buttons as needed. Detailed information about setting connections and conditions can be found in a linked guide.
Configuring Buttons Appearance
Adjust text settings (font, size, color, background, weight) and buttons visual design n (button background color, height, weight, corner radius) by clicking on the Settings icon.
The detailed article on how each setting works is in the linked article
Footer elements visibility.
Control the visibility of Button 1 and Button 2 individually by toggling the checkmark in the corresponding row.
Unchecking a box will prompt a confirmation
Clicking 'Yes' will hide the corresponding button. You can easily restore it anytime by checking the designated checkbox in settings.
Saving Your Changes:
After finalizing the customization, Click "Save and Close" to apply your changes.
If you press the "Close" button without saving, all modifications will be lost.
By following these steps, you can effectively customize the footer of your onboarding screens, enhancing user experience and ensuring that the onboarding flow is both visually cohesive and functionally aligned with your appโs design and usability goals.
โ