Service Request Form

About This Space

Simple Service Request Form Application


Last updated on February 23, 2021

Public Permissions:   View   Open/Fork   Run   Comment  

Simple Service Request Form

This example 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

Filters:

Popular Recent

This space serves an an example of a simple low-code forum application.

11150

0

1

This low-code workspace serves as an example of a time and attendance system to be used internally.

11144

0

1

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

11056

2

4

A simple dashboard example that uses responsive design

10217

0

0

A low-code Inventory System

10212

0

1

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

9832

0

1

React.js Application

9717

0

0

A demo of how to build and consume Web Services with and without parameters

9203

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.

8682

0

0