Simple Form

Alex (@alex)

26184

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

Vue.js Product Listing Application

49181

0

1

Testing Vue.js Framework

34481

0

0

Vue.js Hello World Example

47881

0

2

Vue.js using Rich Display Components built in the Visual Designer

32536

0

0

Vue.js using Rich Display Components built in the Visual Designer

31965

0

0

Vue.js using Rich Display Components built in the Visual Designer

31631

0

0

Custom waitlist system with multiple locations/resources

51989

0

4

This workspace implements Watson Visual Recognition. The application uses your device camera to take your photo, determine how old you look, and tell you all about it using human speech though the speakers on your device.

44548

1

2

This workspace implements Watson Visual Recognition. The application uses your device camera to take your photo, determine how old you look, and tell you all about it using human speech though the speakers on your device.

45279

4

8

This small app allows to track your weight and graph it over a period of time. It tracks the data by your NodeRun user id.

47210

0

5

35485

0

0

34557

0

0