2019 NEWGEN SOFTWARE
23
Reinvent Your Workplace NEWGEN SOFTWARE 2019 COPYRIGHT 2019, NEWGEN SOFTWARE iForms Overview
Transcript of 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]
