Prepare your NaturalONE Workspace


Perspective Settings

Click Window > Preferences to apply the settings described below.

To run the responsive application, it is required to use an external web browser. The internal web browser of Eclipse does not fully support responsive rendering.

Preferences Web Browser

We want that the Natural adapters are always regenerated and compiled automatically whenever we change a responsive layout.

Preferences Natural

Project Build Automatically

Create a Natural Project with a User Interface Component

In the File menu select New > Natural Project.

New Natural Project

Set NaturalAjaxResponsiveTutorial as project and click the Finish button.

Create Natural Project

In the Project Explorer right click on the Natural-Libraries folder of the created project and select New > Natural Library.

Natural-Libraries

Set NJXTUTOR as Library and click the Finish button.

Create a Natural Library

In the Project Explorer right click on the SRC folder of the created library and select New > User Interface Component.

New User Interface Component

The dialog Enable Project for Ajax Developer is opened. Click the Finish button.

Enable Project for Ajax Developer

The wizard Create a User Interface Component is opened. Set responsive_tutorial as Component name and click the Next button.

Create a User Interface Component

The next wizard page appears. You can see that the correct Natural source folder for your Natural adapters is automatically selected. Click the Finish button.

Create a User Interface Component Folder

You have successfully created an Ajax enabled Natural project and a User Interface Component for this tutorial. In Project Explorer you will see:

Project Explorer