Skip to content

Latest commit

 

History

History
52 lines (26 loc) · 2.04 KB

Step_1_Setting_Up_the_Initial_App_59b772b.md

File metadata and controls

52 lines (26 loc) · 2.04 KB
loio
59b772bfac5241b89c16b12395c1116c

view on: demo kit nightly build | demo kit latest release

Step 1: Setting Up the Initial App

We start by setting up a basic OpenUI5 app for this tutorial.

The structure in this step will be used throughout the rest of this tutorial. The basic OpenUI5 app created in this step will be extended in the subsequent steps to illustrate the main FlexibleColumnLayout features.

Preview

The basic OpenUI5 app

Setup

  1. To set up your project for this tutorial, download the files at Flexible Column Layout App - Step 1.

  2. Extract the downloaded .zip file at the desired location on your local machine.

  3. Open a shell in the extracted folder and execute npm install.

  4. Execute npm start to start the web server and to open a new browser window hosting index.html.

You should have the same files as displayed in the following figure:

Folder structure with downloaded files

Parent topic:Flexible Column Layout App Tutorial

Previous:Step 2: Creating an Empty Flexible Column Layout