How Do I Create a New Angular Project in SmartUX Studio?

2624 views

 

This guide will walk you through the process of creating a new application using SmartUX Studio

1. Creating a New Project in Magic xpa

Open Magic xpa Studio and create a new project.

2. Starting SmartUX Engine in Background

In the created project, go to Main Program and open Task Properties.
In Interface tab, please set Open task window to No and Run project as to Web Client.
These settings start the SmartUX engine in background.

3. Opening the Project in SmartUX Studio

Save the task and come back to root of program repository.
Click on the icon Open In SmartUX Studio.

4. Selecting a Template for Project

A new browser window will be opened with Create Project dialog.
Select any template from the template list say Full Menu Template.

5. Creating Project

Click on Create button.

6. Importing the Project from Magic xpa

Switch to Magic xpa Studio. Here, the Studio imports the project for the selected application template.
Click Yes to overwrite the current Main Program or No otherwise; as per your preference.

7. Viewing the Progress of Application Creation

Switch to the browser window. This window shows the progress of creating a new application. You can go through different links to see logs at the specific steps.

You can go back to all logs view by clicking on Show All button.

Once the application is created, you will see the OK button enabled. 

Click OK to complete the process and go to the created application.

8. Opening magic Section

Now navigate to the magic section.

11. Opening welcome Component

Click on Welcome.

This is the component named Welcome in the newly created Angular application.

13. Previewing Application Execution 

To see application execution, click on Live Preview icon.

You can see the runtime of the application as shown below.

Share this Article

How Do I Create a New Angular Project in SmartUX Studio?

Or copy link

CONTENTS