Skip to end of metadata
Go to start of metadata

This walkthrough will guide you how to create new Crosslight projects using the Crosslight Project Wizard. Note that this guide only works on Visual Studio on Windows, available from Visual Studio 2012 upwards.

Follow these steps:

Prerequisite

Before starting the walkthrough, it is recommended that you have followed these walkthroughs in order:

It is also recommended that you have read through these conceptual topics in order to get a better understanding:

To use this walkthrough, you will need to at least Mobile Studio 2016 installed properly in order to achieve the desired result.

Let's get started. 

Accessing the Crosslight Project Wizard

To bring up the Crosslight Project Wizard, open your Visual Studio and select New, Project.

From the dialog that appears, choose Visual C#, Intersoft Solutions, Mobile, then select Intersoft Crosslight Application (iOS, Android, Windows). Enter other necessary information such as Name, Location and Solution Name.

This will bring up the Crosslight Project Wizard.

Here, you can then select various project templates variants on the top right corner, such as Blank, Business, Business (Localizable), Master Detail, Multi Page, Navigation and Navigation Drawer.

Creating Blank Solution

To create a Crosslight Blank solution, simply choose Blank from the drop down and hit OK.

The Blank template was designed to work out-of-the-box without any additional configuration.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
Once the project is created, simply set one of the platform projects as start up projects and hit Run. For more information regarding the Blank template, see Blank Template.

Creating Master-Detail Solution

To create a Crosslight Master-Detail solution, simply choose Master-Detail from the drop down and hit OK.

The Master-Detail template was designed to work out-of-the-box without any additional configuration.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
Once the project is created, simply set one of the platform projects as start up projects and hit Run. For more information regarding the Master-Detail template, see Master-Detail Template.

Creating Multi Page Solution

To create a Crosslight Multi Page solution, simply choose Multi Page from the drop down and hit OK.

The Multi Page template was designed to work out-of-the-box without any additional configuration.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
Once the project is created, simply set one of the platform projects as start up projects and hit Run. For more information regarding the Multi Page template, see Multi-Page Template.

Creating Navigation Solution

To create a Crosslight Navigation solution, simply choose Navigation from the drop down and hit OK.

The Navigation template was designed to work out-of-the-box without any additional configuration.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
Once the project is created, simply set one of the platform projects as start up projects and hit Run. For more information regarding the Navigation template, see Navigation Template.

Creating Navigation Drawer Solution

To create a Crosslight Navigation Drawer solution, simply choose Navigation Drawer from the drop down and hit OK.

The Navigation Drawer template was designed to work out-of-the-box without any additional configuration.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
Once the project is created, simply set one of the platform projects as start up projects and hit Run. For more information regarding the Navigation Drawer template, see Navigation Drawer Template.

Creating Business Solution

To create a Crosslight Business solution, simply choose Business from the drop down and hit OK.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
To use this project, it is recommended to open two instances of Visual Studio so you can easily debug the server-side while running the client-side at the same time. 

In the first Visual Studio instance, run the WebApi project. Then in the second Visual Studio instance, run the platform project. For more information regarding the Business template, see Business Template.

Creating Localizable Business Solution

To create a Crosslight Localizable Business solution, simply choose Localizable Business from the drop down and hit OK.

Before running the solution, it is recommended to Restore and Update NuGet Packages first to ensure that you have the latest Crosslight assemblies up and running. For more information on how to do so, see Restoring Crosslight Packages and Updating Crosslight Packages.
To use this project, it is recommended to open two instances of Visual Studio so you can easily debug the server-side while running the client-side at the same time. 

In the first Visual Studio instance, run the WebApi project. Then in the second Visual Studio instance, run the platform project. For more information regarding the Business template, see Localizable Business Template.

Conclusion

Congratulations! You've just finished creating your first Crosslight app and ready to show it to the world.