2019 NEWGEN SOFTWARE

Reinvent Your Workplace

NEWGEN SOFTWARE

2019

COPYRIGHT 2019, NEWGEN SOFTWARE

iForms Overview

Agenda

• Form Designer: Overview

• Form Designer: Control

• Form Designer: Features

• iForm: Advanced Features

Code-Free User Interface Development, Event Driven Data Fetching, Intelligent Client Side Validations, Preview, Sheet Handling etc.JavaScript, HTML 5 & custom CSS support for mobile platforms

Collaborative Form Design Grid and Tab Control Client Side ValidationsForm Events and Commands

Form Designer: Overview

Responsive and Intuitive

HTML 5 / CSS based

Multi Column Layout

Multiple Integration Touchpoints

Form Preview and Themes

Code-Free User Interface Development, Event Driven Data Fetching, Intelligent Client Side Validations, Preview, Sheet Handling etc.JavaScript, HTML 5 & custom CSS support for mobile platforms

Form Designer: Controls

Text Box / Buttons / Radio

Labels / Rich Text Editor

Drop Downs / Check Box

List Views / Tables

iFrames / Date Picker

Tab Control / Sheet Handling

iBPS iForm Builder: Features

Features

• Font & Style customization: User is able to customize the look and feel of the form controls. Customization can be doneon font style, size, color, underline, background etc.

• Validations: User can set custom input patterns where validations can be created on what pattern of values does aparticular form control accept.

• Custom Control ID: User can define custom ids on various form controls providing ease in custom development on forms

• Event configuration: Allows event handling where specific actions can be defined to be triggered based on user actionhappening on the form at runtime.

• Masking: User can set masking patterns on the controls that will restrict the data presented on the form

• Other features:• Type of Value• Read Only• Round Off

• Database Linking: Allows for custom code to be written so as to interact with database & populate various types of formfields directly from the MDM module or a third party database

• Digit Grouping • Multi Line• Disable Field

• Max-Min Length• Tool Tip• Mandatory

• Read Only Data• Sort & Filter• Timezone

Advanced Features

• Read Only Theme for individual controlssections and entire forms

• Label to Control Ratio on Individual Fields

• Option to add image / icon on buttons

• .Process specific war support

• Ability to integrate iForms with externalportals

• Date Picker –• Support for time zones• Set Max / Min / Default Date• Future and Past date validations

• Listviews / Tables• Ability to search and sort on columns

(API)• API based row add / delete / update /

highlight• Set value based on row and column

index• Tabs

• On demand data loading• Add corner radius to Tab Headers• Custom Control ID for each Tab

• Sections• Partial data saving and loading (API)• Section Completion flag• Section Level java support

Multi – Column Layout

• iForms allows users tocustomize the no. ofcolumns in the form

• Columns can be groupedtogether or split

• Max columns allowed - 12

Grouping of Controls

• Grouping allows users to combine multiple controls inside a section using a new set of controlsand properties

• Once a group has been created, users can manage its span across the 12 columns available withina row

• Once a section has been configured with appropriate groups, user can proceed with furtherconfiguration of additional sections, controls, properties, and themes on the form.

Sub Forms

• Allows users to createindependent forms within theprimary form (via buttons).

• The sub-form functionality can beused to create independent formparts that are:• Read-only and Reference

oriented• Editable and input oriented

• Event handling is available on‘Done’ button

• Even input overlays (List Views)can be created as sub forms

Web Service Integration

• Allows users to integrate externalapplications via web services toiForms

• Configuration is supported forboth SOAP and REST basedservices:

• Web service controls is availableon multiple controls and events

• In order to use web services iniForms, its essential to registerthe requisite web service in theprocess catalog window.

Types of Controls - Simple

• Labels: are used to create captions for the form

• Labels have many attributes including:• Enable/Disable• Hidden/Visible• Map with Variable• URL

• Combo Box: is used to create a drop-down of values

• Combo boxes have attributes such as sorting, tooltip,enable, hide, read-only, mandatory, default value etc.

• Font and style customizations are also available forthe combo box

• Button input type: creates a button on the form

• The button input has no default behavior. To make it dosomething use Commands or JavaScript/Java

• The name and value of the button are not submitted withthe form

• The button input does not go through constraint validation

• Text Box: is used to provide a one-line plain text editcontrol for users to input a value

• The default type is text, displaying a single-line text field.Multi-line display can also be set

• Text input has many attributes i.e. max-length, min-length, placeholder, tooltip, enable, visible, read-only,mandatory, value type, round-off etc.

Types of Controls - Simple

• Check Box: is used to too create a toggle-able checkbox

• Clicking on the check box will toggle the state fromchecked to unchecked and back again

• Attributes are: enable, visible, Mandatory, valuemapping etc.

• Image Box: is used to insert a picture on the form

• Attributes such as enable, visible, picture from etc.can also set for picture box

• Size can be customized for original or fit to element

• URL can also be set to fetch the picture at runtime

• Date Picker: is the control for entering dates and time inthe correct format.

• The min and max attributes are used to set lower andupper bounds for acceptable values

• Date formats supported are:DD/MM/YYYY, MM/DD/YYYYY, YYYY/MM/DD

• Other attributes are enable, visible, mandatory, etc.

• Radio Button: are set of related values where only onevalue can be selected for a predefined action

• Radio option names can be custom. As per requirements

• Attributes are: Enable, Visible, Value, Font style, Mergecell, Mandatory etc.

Types of Controls - Simple

• List Box: is used to create custom lists on the form. Data can be displayed to the user in the form of a list

• Attributes are: enable, visible, mandatory, tooltip, etc.

• Multi-Select enables user to select multiple items from the list

• Sorting allows data to be represented in either ascending or descending order

• Empty Cell: is used to add an empty column into the form

• It creates an empty cell in the form spanning according tothe column layout selected at the section level

• Needs to be used in conjunction with Grouping

• Empty Row: is used to add an empty row into the form

• It creates an empty row in the form section across an entirerow

• Needs to be used in conjunction with Grouping

Advanced Controls - iFrames

• iFrames: are used to openexternal applicationswithin the form interface.

• User can specify the directURL or relative path whichwill result in the opening ofthe URL during previewand runtime

• The control also providesattributes such as Enable,Visible, Tab Index etc. tocustomize

Advanced Controls - Listviews

• List View: is used forpresenting data in tabularform, especially long liststhat require scrolling.

• An overlay gets opened toadd data in the list view.

• In List view, the user canselect column types liketext box, radio, check boxetc.

• List view also providescolumn settings whereproperties like masking,read only and othervalidations can be set.

Advanced Controls - Tables

• Table: is used for creating a grid of data.

• The user can enter the data on the form itself. An overlay doesn’t get opened unlike list view.

• Table columns have multiple types of validations such as masking, grouping, data type, font style, size etc.

• Tables have their own set of properties like hide/show add/delete icon, enable, disable, read only, font style, size etc.

• Unlike list view, event configuration or other column level configuration or settings are not available

Advanced Controls – Tab Controls

• Tab Control: allows user tosegregate related controlson different tabs andreduce clutter on the form

• Each page of a tab controlacts as a container forother controls such as textboxes, combo boxes orcommand buttons

• Property tab allows user tocustomize both behaviorand look & feel of the tabcontrol

• Tab can be aligned to theTop, Left, Bottom, Right

Form – Import / Export

• iForm allows users to export / import controls as well as entire forms from one environment / process to another

• An xml file is downloaded w.r.t. any form or control which can be imported in another process / environment

Customize Themes

• Customize Themes: User can customize the look and feel of the form at the global level using the settings gear available on the form header.

• Style customization can be done for the form, labels, input controls, buttons, and sections

Event configuration

• Allows event handling by which users to define unique form behaviour on specific user action (at runtime).

• Form controls like text boxes, button and drop-downs can be configured to perform actions based on specific triggers such as Keydown, Onfocus, Lostfocus, Keypress etc.

• For e.g. with the click of a button I can download my form or I can trigger some other action

Custom Coding Framework

• There is a vast array of functionality that can be implemented in iForm using APIs.

• The custom coding framework is very strong in terms of various functionalities offered.

• User is recommended to guide to understand the intricacies. A sample is shared below for reference:• API Name: setFocus

Purpose: The API will set a particular control to focusSignature: setFocus(controlid)Parameter List:Control ID: Control having if ‘controlid’ will become highlighted on screenReturn Value: NoneExample: setFocus(“datepick1”)

• iForm also provides a robust server side coding framework where user can segregate code on the basis of Process Name/Activity Name / Form Sections. This allows isolated or independent implementation eliminating dependency of merging the custom code afterwards

www.newgensoft.com

Thank youAMERICASNewgen Software Inc.1364 Beverly Road, Suite 300McLean, VA 22101Tel : +1-703-749-2856, [email protected]

Newgen Software Inc.Suite 325, 2701 N Rocky Point Dr.Tampa, Florida – 33607United StatesTel : [email protected]

EMEA - DUBAINewgen Software Technologies LimitedOff No: 314, Building No: 3P O Box. 500297, Dubai Internet CityDubai, UAETel : +971 44541365Fax :+971 [email protected]

APAC - SINGAPORENewgen Software Technologies Pte Ltd.30, Raffles Place # 17-38Chevron house, Singapore 048622Tel : +65 6221 8432Fax : +65 6221 [email protected]

Newgen Software Technologies Pte Ltd.Level 35, Twoer One, International Towers100 Barangaroo AvenueSydney, NSW 2000, AustraliaP: +61 2 [email protected]

INDIACorporate OfficeA-6, Satsang Vihar MargQutab Institutional AreaNew Delhi -110 067, IndiaTel : +91-11-4077 0100, 2696 3571Fax : +91-11- 2685 [email protected]