Adding a Sample Form


Consider a typical Payment Transaction screen.



  1. In Canvas Studio, click the Create > Form.

  2. Enter the Payment Form details in the Form ribbon's property fields:

#

Property

Sample Value

Description

1

ID

PAYMENT_FORM

A unique identifier to the payment form.

2

Title

PAYMENT_TRANS

Property driven label key for the Form Title.

3

Description

Sample Payment Form for simple transaction

Short description about the form. This value is just for your reference. It will not appear anywhere in the UI.

4

DataSupport Class


Leave it blank as of now.
We will see it later in Getting Data from DB to Form Items

5Add Icon to Form Title
Assigns an icon for Form Title. 
6

Channel

Select All devices

Sets the form's compatibility with different types of devices

7

Label Align Type

Select Left

Aligns the form's label

8

Label Width

10

Sets the width of the label

9

Total Columns

Select two columns

This places the items in two columns in the Form.

10

Logo


Leave it as blank.

11

Bundle Key

common

Name of the bundle key associated with the property file.
Ensure that this key is added in the multilingualconfig.property file against the key CT_PROPERTY_LABELS.