Environment Settings

Environment Settings

Overview

Customize your user interface with our general settings. Adjust zoom, font, and environment to optimize your app's UI for a better user experience. This section explains how to configure environment settings for your application.

Navigate to the Environment Module

Info
Navigation: Settings > General
  1. Click the Settings icon on the screen to access the Settings module.
  2. Click the General menu.

View Your Environment

  1. Click the Environment row.

  1. By default, the screen displays the following environments:
    1. Development (Dev) - Green Color
    2. Production (Prod) - Blue Color
    3. Quality Assurance (QA) - Orange Color
  2. In the given interface, each row represents a unique environment associated with a specific color. The row also shows the environment's name, an icon, and a brief description. A chevron icon at the end of each row indicates subsections; click anywhere on the row to access them.
  3. You can add or remove an environment from this screen.
Notes
In this section, you can configure the available environments or create a new environment. However, you cannot set your working environment on this screen. To set your preferred environment, click the Environment icon above the Settings icon.

Delete Environment 

This section describes how to delete single or multiple environments at once.

Delete Single Environment

  1. When you hover over any environment band, a Delete icon appears.
  2. Clicking the icon opens a confirmation dialog.

  1. The dialog presents two options: Yes and No.
  2. Click Yes to delete the environment.
  3. Click No to cancel the deletion.

Delete Multiple Environments 

  1. Click the Select button in the action area.

  1. Select the environment bands you want to remove.
  2. After you select the environment band, a Delete icon appears in the action area.
  1. The dialog has two options: Yes and No.
  2. Click the Yes button to delete the environment.
  3. Click No to cancel the deletion.

Add Environment

  1. The Add button lets you create a new environment of your choice. 
  2. Click the Add button.

  1. In the Add Environment dialog, complete the following fields:
    1. Name: 
      1. In this field, enter the environment's name of your choice.
      2. Only letters and digits are allowed, with a maximum of 150 characters.
    2. Environment Type: 
      1. Choose an environment type from the dropdown menu.
    3. Description: 
      1. Enter the environment description in this field. 
      2. The description must be within a 150-character limit.
    4. Save:
      1. The Save button is disabled by default. It becomes active once you enter the name and select the environment type.
      2. Click Save to save the environment.
  2. Click Cancel to cancel.
  1. The newly created environment gets listed on the screen.

Modifying Environment

  1. To modify any environment, click any environment band.

  1. The following subsections will appear for the selected environment:
    1. Details
    2. Color Indicator
  2. Click any band to modify the details.

Modify Environment Details

  1. Click the Details band.

  1. The Details screen displays the existing details of the selected environment.
  2. You can modify any of the details on the screen:
    1. Name: 
      1. The existing name will appear in the field.
      2. To modify the name, enter the new name in the field.
      3. Note that only letters and digits are permitted, with a maximum of 150 characters. 
    2. Environment Type: 
      1. The existing environment type appears in the field.
      2. Select a different option from the dropdown to change the environment type.
    3. Description: 
      1. The existing description will appear in this field.
      2. To modify the description, start entering the new description. 
      3. This text field allows up to 150 characters for the description.
    4. Save:
      1. The Save button is disabled by default. It becomes active once you modify any field.
      2. Click Save to save your changes.
  3. To discard your changes, click anywhere on the breadcrumb. A confirmation dialog appears.

    1. If you exit without saving, a confirmation dialog appears.
    2. To discard the changes, click Yes.
    3. To keep the changes, click No to close the dialog, then click Save.

    Modify Environment Color Indicator

    1. Click the Color Indicator band. The screen shows the environment's current color.

    1. In this screen, you can configure the color indicator for the environment.
    2. The existing color code is displayed on the Color Indicator band.
    3. Click the Choose Color button.

    1. Click the Choose Color button to open a color picker.
    2. Select an appropriate color from the color picker and click Save.

    1. The newly added environmental color is displayed on the band.

    1. You can preview the environment color.
    2. The preview of the Color Indicator is provided on the two themes, and you can switch between them by clicking on the respective tab:
      1. Light Theme
      2. Dark Theme
    3. The preview displays the configured color for the environment.

    Switch Between Environments

    This section describes how to switch between environments. 
    1. To change your working environment, click the Environment icon above the Settings icon.

    1. A dialog appears listing all available environments.
    2. Select the environment you want to use. The application switches immediately.




      • Related Articles

      • Settings

        Overview This section explains how to configure the application's general settings. Navigate to the Settings Navigation: Settings > General > Settings Go to the Settings module. Click the General tab, then click the Settings band. The Settings band ...

      • Language Settings

        Overview This section explains how to configure the language settings. Navigate to the Language & Region Navigation: Settings > Language & Region Go to the Settings module and click the Language & Region tab. To modify the language settings, click ...

      • Service Editor Settings

        Overview The Editor Settings screen displays a comprehensive list of settings for all editors. You can personalize your editing experience by modifying the font size, tab size, zoom level, color, and other preferences. These settings are tailored to ...

      • 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: ...

      • Details View Panel Settings

        This section explains how to set the panel settings of the Details View screen in the Flow Editor. Navigate to the Flow Editor Navigation: Settings > Personalization >Editor Settings >Flow Editor > Details View Panel Settings Select the Settings icon ...