Accessing Table 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.
Customizing a Specific Screen in the Theme:
Customizing a Specific Screen in the Theme:
For New Onboarding: After selecting a theme, customize the screen by clicking on the Edit button.
For Existing Onboarding: Click on the Settings icon in the upper right corner of the onboarding flow.
Then edit the screen for the entire theme.
Uploading Images for Tables:
In the right panel, select the table type that supports images.
Here you can upload images for each item separately
How to upload an image for each item:
How to upload an image for each item:
Use the "Camera" button to upload image from your computer.
Insert an image link.
Generate an image with the Image AI Generator based on your prompt.
Options for images include:
Image URL: Upload directly from the internet.
Asset Name: For iOS onboarding, use the 'Asset Name' for images stored in your app bundle.
Configuring Image Paddings for Table Items:
Locate the Image Paddings section in the right table of table settings.
Configure image paddings by setting the desired pixel paddings from the image sizes to the nearest content (table-border, text).
Ensure optimal display across various devices with a visual representation.
Note for iOS SDK: Image padding settings apply only for Web2App and do not function on iPhones to maintain the integrity of the design system across different resolutions.
Table Types and Customization Options
Applicable Tables: The list padding option impacts all tables with a single row, such as Table Single Selection, Table Multiple Selection, Image Title Subtitle Selection, and Image Title Subtitle List.
Not Applicable Tables: This option is not available for 2-column collections.
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.