Customizing list paddings is a crucial aspect of designing tables for onboarding processes, applicable to both iOS SDK and Web2App platforms. This customization enhances user interaction and ensures a consistent and seamless user experience. Understanding how to adjust these paddings for the entire list is key to creating an intuitive and visually appealing onboarding journey.
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.
List Paddings:
The List padding customization is available in the table settings
Here you can customize the space between the item borders and the screen borders. It influences the entire list, including both selected and unselected items.
Applicability: Both iOS and Web2App.
Note for iOS SDK: On iOS, only padding left and padding right are functional. Padding top and bottom do not affect lists in the iOS app.
Table Types and List Padding 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
Image Title Subtitle List
Non-Applicable Tables: This option is not available for 2-column collections.
Consistency in Padding Customizations
Uniform Application: Adjustments to list paddings are applied uniformly across all items in the table.
Inheritance for New Items: New items added to the table inherit these padding settings, ensuring a consistent look and feel throughout the table.