Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Template

ProyectoPrueba.zip

Intro

Next, as an example, it will be shown step by step how to create, edit and delete a project and its files in the Forms Designer.

...

To open the Forms designer it is necessary to enter the portal with supervisor permissions, in the menu we will have the Form Designer option.

...

Crear Proyecto

After entering the portal with Supervisor credentials and opening the designer, it will take us to a tab like the following. Here you can create a new Survey, a new Form or Open one.

...

When creating a new project, the main screen will be as follows.

...

Files that are created by default in the project.

...

The only files that will come with content by default will be .html and .json.

HTML

...

View Example

...

Image RemovedBy default, with the HTML Code View option.

...

Image Added

Project Files

Image RemovedAdd Files

...

When we want to add a file, it will give us the option to add .js .sql .css and .json files.

...

In this case, we will add a .css file by clicking on the New File icon.

A pop-up will appear where you must first complete the name and when choosing the type it will be created.

...

Image Added

Add to .config file

Note

IMPORTANT: For each file entered, its link in cases of .css or its script in case of .js must be added to the Config.

For reasons of avoiding future errors or malfunctions, preferably add it below the line that says the following:

...

One of the biggest advantages of using JSON is that it can be read by any programming language, as our initial code structure shows. To assign a value to a name, we must use the colon ':'.

...

In order to use internationalization, the first line must be uncommented and deleted.
Example:

...

 

...

Image RemovedDelete files

...