How VS works?

How VirtualSpace works?

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.