New Window Position Settings

New Window Position Settings

This section explains how to set the New Window Position Settings in the Flow Editor.

Navigate to the Flow Editor

Navigation: Settings > Personalization >Editor Settings >Flow Editor > New Window Position Settings
  1. Select the Settings icon on the display to access the Settings module.
  2. Next, navigate to the Personalization menu and select Editor Settings.
  3. Proceed by clicking on the Flow Editor tab.
  4. Finally, click the New Window Position Settings band.

New Window Position Settings

  1. After clicking on the New Window Position Settings band, the belwo screen will appear and display the following sections:
    1. NewWindow Position
    2. Preview

New Window Position

  1. This section allows you to configure the position, width, and height: 
    1. Top Position:
      1. This option lets you set the window (pop-up) position from the top of the screen. You can move the window downward using the slider.
      2. A slider is available to adjust the position, allowing you to choose any value.
      3. The range goes from '0' to '100', with the values displayed as a percentage of the window size.
    2. Left Position:
      1. This option allows you to set the window (pop-up) position from the left side of the screen. It means you can adjust the window's position to the right from the left side using the slider.
      2. A slider is provided for configuring the position, allowing you to set any desired value.
      3. The values range from '0' to '100' and are displayed as a percentage relative to the window size.
    3. Width:
      1. This option allows you to set the width of the window (pop-up). You can adjust the width using the slider.
      2. A slider is provided for configuring the width, allowing you to set any desired width value.
      3. The values range from '0' to '100' and are displayed as a percentage of the window size. Note that changing the width will make the window grow or shrink from the right side. 
    4. Height:
      1. This option allows you to set the height of the window (pop-up). You can adjust the height using the slider.
      2. A slider is provided for configuring the height, allowing you to set any desired height value.
      3. The values range from '0' to '100' and are displayed as a percentage of the window size. Note that changing the height will make the window grow or shrink from the bottom side. 

Preview

  1. This section provides an opportunity to preview modifications. 
  2. This preview updates instantaneously with real-time adjustments to the top position, left position, width, and height.
  3. Consequently, moving the slider on any setting immediately reflects the change within the preview. 


    • Related Articles

    • 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: ...
    • Show Detail View Position

      This section explains how to set the position of the Details View screen in the Flow Editor. Navigate to the Flow Editor Navigation: Settings > Personalization >Editor Settings >Flow Editor > Show Details View Position Select the Settings icon on the ...
    • Environment Settings

      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 will provide you with the steps to configure environment settings for your application. ...
    • Network Settings

      Customize your on-premise connection settings. You can add or modify proxy settings to ensure seamless network access. This section provides the steps to configure these settings for your on-premise application. Navigate to the Network Settings ...
    • 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 ...