Skip to main content
All CollectionsOnboarding.Online FAQAll screen types customizationImage Title Subtitle screen
Screen Image Title Subtitle - General customization description
Screen Image Title Subtitle - General customization description

To see how the standard parameters once changed can create a new vision of the screen ImageTitleSubtitle

L
Written by Leanid Yuryeu
Updated over a week ago

Screen identification in the theme template

The screen is easily identified with the corresponding title in the theme template:

List of parameters for cistomization

📢 Please note that all parameters can be customized and switched off or on depending on your app design.

Screen peculiarities and functions

Customizing header

You can enable or disable Back, Skip, Page indicator on the screen, change design of each element based on you needs.

The full guide avout header customization is here

Customizing Image

This screen has 3 image settings:

Image till navbar

Image till top

Image after text

Also, here you can design the corner radius of the image, image paddings and scale mode. The full guide about base image settings is here:

Depicting the Title and Subtitle parameters

To save some space on 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:

Setting the Advanced Text Customization for Title and Subtitle

  1. Composing the text to be reflected in the screen in the corresponding part of the Title or Subtitle parameter.

  2. Setting the text size by adjusting its font family, size, weight, and line height.

  3. Applying the appropriate text color and the background color where the text is located in the screen.

  4. Using the padding boxes for working with the text alignment while giving the needed text positioning in the screen.

The full guide about text cusomization is here

Adjusting the Footer parameter

The Footer parameter consists of 2 active buttons that are fully customizable. You can enable 1 or both buttond and customize their desugn based on your needs:

You can modify the layout with necessary buttons to improve user navigation and ensure design consistency. More details on dealing with the Footer customization are available in the article Customizing the Screen Footer.

To learn more details about the way the Screens work and what functionality they obtain, please study the following article Onboarding Screens Base Elements Customization, or ask our team if there are any additional questions.

Large Title
Small Subtitle

Large Title

Large Subtitle

No Title

Large Subtitle

No Subtitle

No Title

No Subtitle

Background

Color Change

Did this answer your question?