Snackbar Appearance

Snackbar Appearance

Customize the appearance of the snackbar messages to view them the way you want on the screen. These messages are designed to appear briefly on the screen for 2-3 seconds. In this section, we will guide you through the process of configuring the appearance of Snackbar messages, enabling you to make the most of this feature.

Navigate to the Flow Editor

Navigation: Settings > Personalization >Editor Settings >Flow Editor > Show Details View Position
  1. Select the Settings icon on the display to access the Settings module.
  2. Subsequently, navigate to the Personalization menu.
  3. To modify the Snackbar Appearance, click the Snackbar Appearance band.
Notes
The current Snackbar setting, which is in use, is displayed before the chevron icon.


Set Snackbar Positions

You can set the snackbar position either horizontally or vertically, as you prefer. Additionally, you can also configure the duration for which the snackbar remains on the screen.

Horizontal Position

  1. This field lets you set the snackbar's horizontal position to the left, right, or center of the screen.
  2. Select your preferred option from the drop-down menu. 
  3. When you pick an option, the preview window shows the position for that setting.
  4. Click the Save button to save the modifications.

Vertical Position

  1. This field lets you set the vertical position of the snackbar to either the top or the bottom of the screen.
  2. Choose the preferred option from the drop-down menu. 
  3. When you select an option, the preview window shows the corresponding position setting.
  4. Click the Save button to save the modifications.

    Set Snackbar Duration

    1. You can set the duration for which the snackbar appears on the screen using this field.
    2. The supported time format is in seconds only, and you can select a duration from 1 to 10 seconds. 
    3. This controls how long the snackbar remains visible before it disappears.
    4. Click the Save button to save the modifications.

    Preview window

    1. The preview window on the Snackbar settings page displays a real-time view of the Snackbar's horizontal and vertical position as you adjust the related fields.
    2. This helps you easily and accurately set the snackbar's placement. 



        • Related Articles

        • Theme

          By using the theme settings, you can customize the appearance of the user interface (UI). Our application offers both light and dark themes to improve the user experience. You can effortlessly switch between the two themes by accessing the theme ...

        • Flow Editor Settings

          With the help of a Flow Editor setting, you can customize your editing experience according to your preferences. These settings allow you to adjust the editor's appearance, zoom settings, and other settings. Navigate to the Flow Editor Navigation: ...