Simple Form

Alex (@alex)

20546

0

1

About This Space

Simple Form application


Last updated on December 30, 2020

Public Permissions:   View   Open/Fork   Run   Comment  

Simple Form Template

This template uses a simple form to collect information into a database table.

Screenshot

Using the Visual Designer

The form can be created in a drag-and-drop point-and-click manner, without writing any code, simply by the using the Visual Designer Tool. Elements that relate to specific database columns can be dragged to the Designer canvas directly from the Database Tab.

Defining Routines

To specify how form information is saved, a routine must be created. This can be done by right-clicking an element, like the Submit Request button, and selecting the "Build Logic..." menu option.

A routine is a series of steps.

Screenshot

This application only has one routine, but it's possible to create multiple routines that are triggered by different events within an application.

Defining Steps

Each step is created by answering some questions.

Screenshot

You can also write custom JavaScript code to define your steps. While this is not necessary in most cases, it gives you the ability to define custom or advanced functionality for your application.

Using Validation and Database-driven Choices

Some application functionality can be specified when creating widgets in the Visual Designer, rather than by using routines. For example, in the Properties Window, you can mark fields required, or you can specify other validation requirements, such as a field must be in the form of an email address.

Your widgets can also be tied to data from database tables. For example, the Type of Problem dropdown reads its choices from a database. This is configured by using the Database-driven Selection properties on the dropdown widget.

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

More Spaces By Alex (@alex)

Filters:

Popular Recent

This workspace illustrates the basic setup of an HTML page that includes external JavaScript and CSS files

38546

0

0

Example of Indeterminate Checkbox

11527

0

0

39511

0

0

Low code employee maintenance

24833

0

0

22277

0

0

This app allows a team to decide where to go for lunch (or dinner) by using acceptance voting.

21767

0

0

This is the completed example for the Stateful To-Do List Application walkthrough (https://noderun.com/docs/walkthroughs/stateful_todo_list_app) and the starting point for the Drag and Drop walkthrough (coming soon). Please feel free to fork this workspace to use as a starting place for you own projects or for the walkthroughs.

23246

0

0

Leet Translator

45357

0

2

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

39904

0

0

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

38479

0

0

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

38213

0

0

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

37319

0

0