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]