Popup Screens

Introduction

Hello and welcome to a new guide on how to best use Movicon.NExT™.

In this technote, we are going to use an example to show you how to configure and use a screen as a popup screen in Movicon.NExT.

Example

Creating the main screen

After having opened the Movicon.NExT development environment and created, or loaded, a project, you can start creating a screen as follows:

• Look for the Screens resource in the project's tree structure in the Project Explorer window and select it.
• Right-click it and select the New option from the menu which opens.
• A New Screen popup will appear through which you can set the screen's main properties. Configure the screen as follows:
• • Width: 1920
  • Height: 1080
  • Background Color: Red
  • Name: Main
• Click the OK button to confirm the configuration.

Creating the popup

Repeat the above procedure to create a second screen and configure it in this way:

• Width: 300
• Height: 300
• Background Color: Blue
• Nsme: Popup

With the Popup screen open and selected, find and configure the following options in its properties window:

• Window Style: ThreeDBorderWindow
• Window State: Normal

Startup screen configuration

Once the screens have been created, change the project’s properties by entering the Main screen as its startup screen as follows:

• Select the name of the project on the application tree.
• Open the Properties window.
• Change the following project properties:
• • Startup Page Type: Main Screen
  • Startup Screen Name: Main

After you have done this, click on the Save All icon on the top toolbar to save the project.

Creating the popup screen open button

With the Main screen open, click on the Toolbox tab on the editor’s far right, next to the Properties window, and open the Toolbox offered by the Movicon.NExT software.
Go to the Buttons/Standard folder and drag a Standard Metro Style button onto the screen.
Now drag the Popup screen from the project tree onto the button, which you placed on the Main screen beforehand, to automatically associate the open screen command.
With the Popup button selected, click on the Commands tab at the bottom of the editor and change the Command Type from Normal Opening to Open Non Modal Popup Screen.

Save the project by clicking on the Save All icon on the editor di Movicon.NExT editor’s top toolbar.

Runtime Test

Test to see if everything is working ok by clicking on the Start Runtime to launch the project into runtime.
Once in runtime mode, press the button on the Main screen to open the popup window you configured in development mode.