Skip to main content

Configuring List padding for tables

A walkthrough on how to adjust these paddings for the entire list is key to creating an intuitive and visually appealing onboarding journey.

L
Written by Leanid Yuryeu
Updated this week

Contents:

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:

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.

Did this answer your question?