Screen identification in the theme template
The Screen: TwoColumnSingleSelection is presented in the black and white 2D icons located in 2 column boxes.
The default design of the screen with the Two Column Single Selection consists of the following features:
2 column selection list
Black and white 2D icons
No navigation bar is depicted on top of the screen
Single selection possible only
No checkboxes
List of parameters presented in Screen: TwoColumnSingleSelection
Background
Basic Configuration
Navigation Bar
Title
Subtitle
2 Column Table
Footer Button
📢 Please note that all parameters can be customized and switched off or on depending on your app design.
Here, you may see where these parameters are displayed in the screen precisely.
Screen peculiarities and functions
1. Selection fields quantity
The main screen function with 2 Column Table is that all answers are displayed in the form of big boxes with 2D icons arranged in 2 parallel columns. Thus, you may add as many selection boxes as needed per your app purposes since its quantity is not limited.
⚠️ Please note the more selection fields are added, the more actions are required for the user to scroll the page down or up! |
2. Navigation bar, or Header parameter display with the 2 Column Table
By default, the Navigation Bar, or Header, is not displayed in the screen; however, it can be easily switched on or off by checking/unchecking the boxes at your discretion. It consists of 3 parameters to be customized:
Back Button
Progress Bar
Skip Button
These buttons can be entitled differently, if required, in the corresponding field. Moreover, each parameter contains its own customization tools.
 |  |  |
 |  |  |
3. Title/Subtitle parameters display with the 2 Column Table
To save some space in the screen, you may also work with the text lines by removing Title or Subtitle parameters or even both. To remove those parameters, the text itself should be deleted in the corresponding parameter field below:
Please see below the screen design in such cases:
No Title | Title No Subtitle | No Title No Subtitle |
 |  |  |
 |  |  |
4. Table design
The selection icons in 2 Column Table Screen can be customized differently as well by installing the needed format as presented in the list below:
⚠️ The option to change the selection icon design is located in the Table parameter. Customization is possible only within the formats presented on the drop-down menu. |
Please study how the selection field design changes in the screen in the preview below:
Selection List Design | Functionality |
BigImageTitle  | 2 column Table with Single Selection consists of table items list arranged into boxes. This design implies the presence of a 2D icon of a big size inserted into the box. The title is located under the icon, however, inside the box.
In order to set the image, you choose one of the following ways:
📢 Just remember to specify as precise description for the needed image as possible. 📢 The 2D format of an icon is not obligatory in this screen type since you may insert any applicable format into the app.
 📢 Image AI Generator offers 12 images for selection at once. Note that you may re-generate them if none suitable is found. 4. See how the chosen image can be reflected in the selection field in the preview and adjust with the corresponding setting to fit the app design. The settings are placed in the Table parameter in the Settings sign. |
FullImage  | In this Table design, the image occupies the whole space inside the box as it takes dimensions of the Full Size format. The ways for the installation of images are the same as in the above-mentioned design.
|
MediumImageTitle  | The image corresponds to the medium size where the text part is placed inside the box, however, under the image. ⚠️The image dimensions are uneven, the image can be visually stretched when being of medium size. Make sure to adjust the image's size accordingly in the Table settings. The settings for the image and the Title part are located in the Table items parameter.  |
SmallImageTitle  | The Table Item boxes comprise the image of the small size with the text inside the box placed.
|
TitleSubtitle  | By default, the Subtitle field of this design has been aligned to the right part pf the box. Such settings to be corrected (if required) are placed in the Table parameter in the Settings sign.
 |
Title  | The design provides the text slots as fields to be filled out in the corresponding Table Items.
|
5. Table settings
The main customization takes place in the Settings of the Table parameter where you can work with the Table design, set the colors, text fonts and size, work with the selection bar size, and specify the selected box.
These Table settings imply the choice of the selection list design offered on the drop-down menu, and the customization of the selection boxes with color, width, and radius. Please see nearby how the customization might look like applying the above-mentioned settings. | 
|  |
This part of the settings deals with the visual customization of the selected table item/box so that the picked images/answers can be differentiated. | 
|  |
These settings mainly deal with text customization in size, font, color, and placement. |  |  |
6. Footer Button
In the Footer parameter you may either switch on the Footer button and/or Log in button or switch them off (both or only one per your choice).
Footer Button No Log in Button | Footer Button Log in Button | No Footer Button Log in Button | No Footer Button No Log in Button |
 |  |  |  |
All the settings can be adjusted and customized in the Settings sign of the corresponding button field.
📢 Remember that there is always an option to apply the AI Text Generator if needed, which is placed below the Footer parameter.
To learn more details about the way the Screens work and what functionality they obtain, please study the following article Onboarding Screen Template, or ask our team if there are any additional questions.