This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

How VS works?

How VirtualSpace works?
    1. How VirtualSpace works? (Same VS)

    2. How VirtualSpace works? (Separate VS)

    3. How to change the app default VirtualSpace Focus?

    4. How VirtualSpace works with multiple devices?


    How VirtualSpace works? (Same VS)

    There is a tutorial video just down below.

    • You need a QuickStart project:

      • Select File > New > IIZI Module Project (Quickstart)
      • Enter project name and unselect Create text tables with automatic translation
      • Press Finish
         
    • Right-click to desktop package in Panels

      • Select New > Panel…
      • Set a name > Then select Next
      • Select your panel type and your initial layout
      • Then select Next
      • Select your user interface type and your theme here
      • Then click on Finish
         
    • Go to your VirtualSpace

      • Add VS Group
      • Try to use same name as your panel
         
    • Go back to your Panel’s properties

      • Click on State & focus > Connect to VirtualSpace…
      • Select your VirtualSpace > Then click OK
      • Click again on State & focus > Select VS Component…
      • Select your VS Group > Then click OK
      • OPTIONNAL: You can add new label to this panel.
         
    • Go back to your MainDesktop panel

      • Add button and go to button properties:
        • Add your panel name in Text
        • Click on VS Focus
        • Select VS Component reference to focus…
        • Select VS Group of your new panel
           
    • Then do File > Save All or CTRL + SHIFT + S

      • Right click on project name > Run As > Run on IIZI Development Server
      • If it says “No configured IIZI Development Server configuration is found”: Choose Yes.
      • Right click on IIZI Development Server > New Configuration > Add a Configuration Name > Run it
         
    • To test it:

      • You need to open your browser and go to: http://localhost:8080/
      • Click on the link: here
      • Then click on Start to launch the app in the browser.
      • You just click on the button and it will go to your new panel.
         

    How VirtualSpace works? (Separate VS)

    There is a tutorial video just down below.

    • You need a QuickStart project:

      • Select File > New > IIZI Module Project (Quickstart)
      • Enter project name and unselect Create text tables with automatic translation
      • Press Finish
         
    • Right-click to desktop package in Panels

      • Select New > Panel...
      • Set a name > Then select Next
      • Select your panel type and your initial layout
      • Then select Next
      • Select your user interface type and your theme here
      • Then click on Finish
         
    • Go to your Panel's properties

      • Select VirtualSpace > Create new VirtualSpace...
      • Set a name > Then select Finish
         
    • Go to your new VirtualSpace

      • Add VS Group
      • Try to use same name as your panel
         
    • Go back to your Panel's properties

      • Click on State & focus > Select VS Component...
      • Select your VS Group > Then click OK
      • OPTIONNAL: You can add new label to this panel.
         
    • Go back to your MainDesktop panel

      • Add button and go to button properties:
        • Add your panel name in Text
        • Click on VS Action
        • Select Create VS Action...
        • Set a name > Then select Finish
        • Double-click on VS Action's propertie
           
    • Click on Target VirtualSpace

      • Then Select VirtualSpace...
      • Choose the other VirtualSpace
         
    • In the Action definition part:

      • Select Action Actors
      • Right click > Add > Set focus
      • Click on the Target focus
      • Then Select VS components reference to focus...
      • Choose the VS Group you want
      • Then do File > Save All or CTRL + SHIFT + S
      • Right-click on project name > Run As > Run on IIZI Development Server
      • If it says “No configured IIZI Development Server configuration is found”: Choose Yes.
      • Right click on IIZI Development Server > New Configuration > Add a Configuration Name > Run it
         
    • To test it:

      • You need to open your browser and go to: http://localhost:8080/
      • Click on the link: here
      • Then click on Start to launch the app in the browser.
      • You just click on the button and it will go to your new panel.
         

    How to change the app default VirtualSpace Focus?

    There is a tutorial video just down below.

    • You need a QuickStart project:

      • Select File > New > IIZI Module Project (Quickstart)
      • Enter project name and unselect Create text tables with automatic translation
      • Press Finish
         
    • Right click on your project name

    • Select Properties

      • Go to IIZI then App
      • On Startup > Focus then click ...
      • Click on Select VS component reference to focus...
      • Choose the VS Group you want to set as default
      • Then click OK
      • Finally click on Apply and Close

    How VirtualSpace works with multiple devices?

    There is a demo video to show you how VirtualSpace is works with multiple devices connected.