LogoLogo
EN
EN
  • Release Summary
  • What's new in 5.0.23.04
  • Deprecated and Removed features in 5.0.23.01
  • Get started with Avalant ONEWEB
    • Get started with Avalant ONEWEB
    • Traditional Development vs Low Code
    • ONEWEB Concepts
      • ONEWEB Apps
      • ONEWEB AppSpace
      • ONEWEB Runtimes
      • ONEWEB Designer Studios
  • Install & Configure ONEWEB Platform
    • Install & Configure ONEWEB Platform
    • Plan your ONEWEB Installation
      • Design ONEWEB Architecture
        • Standalone Architecture
        • High Availability Architecture
        • Cloud Architecture
          • Container structure
        • Production vs. Disaster Recovery vs. Testing Environment
        • ONEWEB Server Configuration
        • Monitoring in ONEWEB
      • Sizing Consideration
        • CPU Sizing
        • Memory Sizing
        • Storage Sizing
        • Network Sizing
      • Check Prerequisite for ONEWEB Installation
        • Hardware Requirements
        • Software Requirements
        • Database Requirements
        • Security Requirements
        • Network Requirements
        • Client Requirements
        • Third-party Tools
    • Install and Manage ONEWEB Components
      • User Privileges
      • Prepare Prerequisite Software
        • Prepare Database Server
          • PostgreSQL
        • Prepare Web Server
          • Apache Web Server
        • Prepare Application Server
          • Configuration ONEWEB on Wildfly
            • Step1: Prepare database user permission
            • Step2: Configure access to Wildfly Management Console
            • Step3: Create database driver
            • Step 4: Create datasource
            • Step 5: Deploy the application archives
            • Step 6: Single Sign-On
            • Step 7: Wildfly Encoding and Undertow
            • Step 8: Authentication with Wildfly
            • Step 9: Authentication with LDAP
          • Configure tuning threads
      • Install ONEWEB Application Components
        • Install ONEWEB Application Designer
        • Install ONEWEB Application Server
        • Install ONEWEB Page Designer
        • Install ONEWEB Page Server
      • Install ONEWEB Process Components
        • Install ONEWEB Process Designer
        • Install ONEWEB Process Server
      • Install ONEWEB Integration Components
        • Install ONEWEB Microflow Designer
        • Install ONEWEB Microflow Server
        • Install ONEWEB IAM
      • Verify ONEWEB Installation
        • Application Verification
        • Process Verification
        • Integration Verification
  • Design and Develop ONEWEB Apps
    • Design ONEWEB Apps
      • Choose Between a Web App and a Mobile App
      • Choose your ONEWEB Design Patterns
        • UI Apps: UX/UI only
        • Process Apps Business Process only
        • Interface Apps: Integration with other system only
        • Complex Apps: Combine UX/UI, Business Process and Interfaces
    • Design and Develop UX/UI
      • What is UX/UI?
      • Best Practice for UX/UI
        • Do
        • Don’t
        • How to choose between Smart Form and Page
      • UX/UI Components
        • Smart Forms
          • What is Entity?
          • Modules within an entity
          • Buttons & Actions
          • Entity Modes
          • Smart Form Patterns
            • Single Tab Forms
            • Multiple Tab Forms (General Tab)
            • Parent – Child Forms
          • Create your first Smart Form
            • Step by Step to create your first smart form
            • Deploy your smart form
          • Smart Form Features
            • Universal Search
        • Pages
          • What is page?
          • Page Navigation
          • Page Features
            • Header Footer
            • Dynamic Image
            • Switch Language
            • Custom Font
            • Custom Icon
            • Pass Parameter
            • Signature Pad
            • Theme Designer
            • Local Storage in Page
            • Sync Service in Page
            • Local Notification in Page
            • Push Notification in Page
            • Multi-language
            • Splash Screen
            • Plugin
            • App Icon
            • PGD Directives
            • Charts
            • UI Kits
            • Component Extension
            • Share Pages as Template
            • Page Expression Editor
            • Page Structure window
            • Popup Properties Editor
            • Box Model Editor
            • Environment Variables
            • Improved Drag & Drop
            • Microflow Version settings
            • Custom Dependencies
            • Navbar
            • Display Flex
            • Builder setting
            • Add New Screen
          • Create your first Web Page
            • Step by Step to create your first page
            • Preview Web Page
          • Create your first Mobile App
            • Step by step to create your first mobile page
            • Preview Mobile App
            • Mobile App CI/CD
            • Customizing mobile apps
            • Mobile Application Security
        • Dashboard
          • Widget Dashboard
            • Step to create widget dashboard
              • Create dashboard page
              • Create dashboard menu
              • Create chart widget
              • Add widget on Page
              • Configure chart widget
              • Configure chart series
              • Edit chart series
              • Change the chart to pie chart
              • Change pie color
              • Add another series to chart
              • Change the chart to column stacked chart
              • Change series color
            • Deploy your dashboard
          • Dashboard using Page Extension
            • Add chart to page
            • Create Microflow
            • Integrate chart with data
        • Report
          • Integration with reporting tool
        • Menu & Navigation
          • Menu & Navigation in ONEWEB
          • Link menu to a smart form
          • Link menu to a page
          • Link menu to external URL
      • Mobile UX/UI
        • Web Responsive
          • Smart Form Responsive
          • Web Page Responsive
        • Mobile hybrid
        • Build Mobile App
          • Add CI Server
          • AppStore & Playstore Details
      • UX/UI Customization
        • Smart Form Customization
          • Customize Look & Feel
          • Add Validation Logic
          • Add Calculation Logic
          • Add Custom SQL
          • Add external Java class
        • Page Customization
          • Custom CSS
          • Custom JS action
          • Third party resources
          • Custom extensions
        • Mobile App
      • UX/UI Integration with Process, Micro flow, External UI
        • Smart Form Integration with Process
        • Page Integration with Microflow
        • Page Integration with Process
        • Smart Form Integration with Microflow
      • Import/Export/Clone UX/UI
        • Export Import Clone Smart Forms
          • Export Entity
          • Import Entity
          • Clone Entity
        • Export Import Clone in Pages
          • Export Import App
          • Clone Pages
          • Import page from another App
      • UX/UI Test & Debug guideline
    • Design and Develop Process
      • What is Process?
      • Best practice for Process Design
      • Process Components
        • What is Business Process?
        • Process Template Diagram
        • Process Activity
          • Human Task
            • Task Allocation & Queuing for Human Task
          • Gateway Decision
          • Web Service Task
          • Sub Process
          • Java Task
          • Database Task
          • File Read Task
          • File Input Task
          • Timer
          • Error Handling
          • Event Trigger
          • Push Notification
        • Business Object & Data Mapping
        • Formula Editor
          • Formula Editor for Data Mapping
          • Formula Editor for Gateway Condition
        • Work Party
        • Upload File
        • Environment Configuration
        • Process Instance
      • Start with Business Process in ONEWEB
        • Create a Process in ONEWEB
        • Create your process diagram
        • Simulate your process
        • Deploy your process
      • Integration
        • Integrate Process with UX/UI
        • Integrate Process with Microflow
      • Monitoring
        • Process Monitor
        • Task Monitoring
        • SLA & OLA
        • Monitoring Dashboard
      • Process Validation
      • Import/Export Process
      • Process Deployment from development environment to other environment
      • To Do List
      • Process Test & Debug Guideline
      • Language Switch
      • Process Instance Migration
      • Sync User
      • Custom Extensions
        • Create workspace for Extension
        • Build extension in workspace
        • Install Extension in application
        • Manage the extension
        • Use Extension in workflow
    • Integration with other systems
      • What is ONEWEB Integration?
        • Integrate with other system from/to Microflow
        • Integrate with other system from to Process Flow
        • Integrate with App Runtime
      • Best practice for ONEWEB Integration
      • Microflow vs. Process Flow
      • Develop Integration with ONEWEB Microflow
        • Embedded Microflow vs. Runtime Microflow Server
        • Integration Node
        • Synchronous vs. Asynchronouse
        • Data Mapping
        • Custom Logic/Coding
        • Data Transformation
        • Activity Nodes
          • Exclusive Gateway Node
          • Web Service Task
          • Sub Flow
          • Java Task
          • Database Task
          • Timer
          • Error Handling
          • Push Notification
        • Start with Microflow in ONEWEB
          • Create a Microflow
          • Configure the Flow
          • Simulate your flow
          • Export your Microflow.
            • Embedded Microflow
            • Microflow Server
        • Integrate Microflow with UX/UI
          • Integrate Smart Form with other systems using Microflow
          • Integrate Page with other systems using Microflow
        • Import/Export Microflow
        • Upload File
        • Environment Configuration
        • Language Switch
        • Push Notification
        • Custom Extensions
        • JSON Path Mapping
        • Excel Reader
        • Excel Writer
        • Validation Node
        • JavaScript Node
      • App Runtime REST API
        • Sample use cases for APP Runtime API
        • Create a custom app to call APP Runtime REST API
      • Process Runtime REST API
        • Sample use cases for Process API
    • Design Data & Content Access Management
      • What is Data Access Management?
      • Best practice for Data Access Management
      • Database Access
        • Database Structure
        • Data Access from UX/UI
          • Access Database from Smart Forms
          • Access Database from Page
        • Data Access from Process
          • Database Activity
        • Database Access from Microflow
          • Database Node
      • Images, Files & Documents Access
        • Access from UX/UI
        • Access from Process/ Microflow
    • Design and Implement Security & Compliance
      • What is Security & Compliance?
      • Best practice for Security & Compliance
      • Authentication
        • LDAP Integration
        • Open ID protocol
      • Authorization and Access control
        • Roles, Permissions and Objects
        • Managing Access Control with IAM
          • Create User
          • Manage User Roles & Permissions
          • Manage Permission and Object
          • Manage Role
      • Token in ONEWEB
      • Logging and Audit logging
      • SSL support
    • Design & Develop Low code Apps using AppSpace
      • Create Application in AppSpace
      • Database Tools
        • Data Designer
          • How to create Data Designer app
          • Data Designer tools
          • Entity Properties
          • Compare schemas
        • SQL Builder
          • How to create SQL Builder app
          • SQL Builder tools
          • Connection
        • Data Viewer
          • How to use Data Viewer
          • Data Viewer Tools
      • Manage versions of App
      • Pipeline
        • Deploy Application in ONEWEB
        • Deploy Middleware
        • User Management
        • Distribute Application
      • Manage user access
        • Development Team Management
        • End User Access Management
      • Switch language in AppSpace
      • Link Application
      • Link Component
      • App Details
        • Fix applications with broken link
        • Rename Application
        • Export Application
      • Import Application
      • Cloud Native
  • Sample Apps
    • Sample Apps
    • Workforce App. (Mobile)
      • Database Preparation
      • Create and Test Microflow Service
      • Integrate Microflow with UI to produce dynamic App.
      • Create Mobile UI
    • Order Management App (Web)
      • Database Preparation
      • App Designer
        • Create Order Request Entity
        • Create Order Request Item Entity for Admin
        • Clone Order Request Entity for Admin
        • Link Parent Child Entity for Admin
        • Clone Order Request Entity for Back Office
        • Clone Order Request Item Entity for Back Office
        • Link Parent Child Entity for Back Office
        • Clone Order Request Entity for Authorize
        • Clone Order Request Item Entity for Authorize
        • Link Parent Child Entity for Authorize
        • Clone Order Request Entity for Admin PO
        • Link process button to Process Designer
        • Create menu for requester
      • App Designer Customize
        • Filter Requester search screen by login user
        • Default Requester with login user
        • Validate at least one Order Item when submit
        • Calculate remain order unit
        • Summary Price per order item
        • Summary Price per request
        • Validate order details when back office submits
        • Validate supplier details when admin submit
        • Validate Order Unit and calculate Total Price
      • Process Designer
        • Create Order Request Project
    • Leave Control App
      • Database preparation
      • App Designer
        • Create Leave Request Entity
        • Clone Leave Request Requester Entity
        • Clone Leave Request Supervisor PM Entity
        • Clone Leave Request One Down Head Entity
        • Clone Leave Request HR Entity
        • Clone Leave Request Authorize Entity
        • Link process button to Process Designer
      • Process Designer
        • Create Process Leave Request
  • Reference
    • Reference
    • Page Designer Reference
      • Create a New Application
        • New Mobile Page
        • New Web Page
      • Menu Controls on Pages
        • Web Pages
        • Mobile Pages
      • Page Designer Tools
        • Generic Tools
          • Page Designer Parameter
          • Add element
          • Placing of element
          • Removing element
          • Editing Text
          • Formatting Text
          • Creating Links
          • Uploading Images
          • Add an Image to page
          • Additional Settings
        • Tab
          • Adding Tab on Web
          • Adding Tab on Mobile
        • Menu
          • Adding Menu on Mobile
    • Process Designer Reference
      • Create New Proces
        • Create an Application in AppSpace
        • Create an Application in PD
        • Create Blank Project
        • Create Project Wizard
        • Process template Diagram and Guidelines
      • Process Designer Component
        • Activity Nodes
          • Human
          • Sub Process
          • File Read
          • Web Service
          • Java
          • Database
          • File Write
          • Push Notification
        • Event
          • Start
          • End
          • File Input
        • Gateway
          • Exclusive
          • Parallel
          • Inclusive
        • Boundary Events
          • Timer
          • Error
        • Pool/Lane
        • Work Party
        • Upload File
        • Environment Configuration
        • Custom Extensions
          • Create workspace for Extension
          • Build extension in workspace
          • Install Extension in application
          • Manage the extension
          • Use Extension in workflow
    • App Designer Reference
      • Entity
        • Create New Entity
          • Module
            • One to Many
            • One to Many
            • Reusing Module
          • Fields
            • Label
            • Hidden
            • Radio
            • Checkbox
            • Text area
            • Dynamic
            • List Box
            • Suggestion
            • Popup
            • Calendar
            • No Object
            • MultiSelect
            • Upload
            • Text Box
          • Buttons
          • Actions
          • Tabs
            • Normal Tab
            • 2 Layer Tab
        • Export Entity
        • Import Entity
        • Clone Entity
      • Search
      • Utilities
        • Menu Configuration
        • Parent Child Utility
        • Master data Import Export
        • Datasource Configuration
  • API Guide
    • API Guide
    • App Runtime API
      • List all methods of REST API and explain the API functionality
    • Process Runtime API
      • List all methods of REST API and explain the API functionality
    • Session Manipulation API
      • List all methods of Java API and explain the API functionality
    • Microflow Runtime API
      • List all methods of REST API and explain the API functionality
    • IAM2 API
      • List all methods of REST API and explain the API functionality
Powered by GitBook
On this page
Export as PDF
  1. Sample Apps
  2. Leave Control App
  3. App Designer

Create Leave Request Entity

Last updated 3 years ago

Learn about step to create entity for requester who need to make leave request.

  1. From the App space screen, click Form and then popup dialog will opens.

  2. Enter name in field Component Name and click Start Design.

  • Click Pencil Icon for open Entity Configuration

  • Change Tab Condition to "Y"

  • Click OK.

3. From Tools > Tabs drag 2-Layer Tab to the silver box under entity name. The dialog of Add Tab data opens. Put "Leave Request" to Title and then click Add.

4. From Tools > Module drag 1-1 to the box under the Leave Request tab.

  • Click icon pencil. The dialog of Module Configuration opens.

  • Change Module Name to "Leave Request". Change Table Name to "wf_service_request (T)".

  • Set SQL Work Queue to "select wf_service_request.request_id, wf_service_request.requester, wf_service_request.sub_request_type from wf_service_request where wf_service_request.request_type = '04'".

  • Click OK.

  • Click icon Configuration Layout and the dialog opens. Select 2 Column and then click Accept. The table that has 2 columns will show.

5. From Tools > Field drag Text Box to the first cell of the table. (From step 4) The textLabel shows.

  • Click icon pencil. The dialog of Text box Configuration opens.

  • Put "readonly" to Source

  • Change FIELD_ID to "REQUEST_ID".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Request Id".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "1".

  • Change Alignment to "center".

  • Click OK

6. From Tools > Field drag Text Box to the first cell of the table. (From step 4.6) The textLabel shows.

  • Click pencil icon. The dialog of Text box Configuration opens.

  • Change FIELD_ID to "REQUEST".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Requester".

  • Switch SearchCriteria to "Y".

  • Switch ShowSearch to "Y".

  • Switch searchPreLike to "Y".

  • Switch searchLike to "Y".

  • Switch searchIgnoreCase to "Y".

  • Change Search FieldGroup to "1".

  • Change SearchCriteriaSeq to "1".

  • Change showSearchSeq to "2".

  • Change Alignment to "left".

  • Click OK.

7. From Leave Request Module click icon append row. The system will append new row to the table.

8. From Tools > Field drag Dynamic List to the first cell of new row (From step 7) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_sub_request_type".

  • Change Column Show to "SUB_REQ_NAME".

  • Change Column Value to "SUB_REQ_TYPE_ID".

  • Change Condition Value to "request_type='04'".

  • Change FIELD_ID to "SUB_REQUEST_TYPE".

  • Change ShowFieldName to "Leave Type".

  • Switch SearchCriteria to "Y".

  • Switch ShowSearch to "Y".

  • Change Search FieldGroup to "1".

  • Change SearchCriteriaSeq to "2".

  • Change showSearchSeq to "3".

  • Change Alignment to "left".

  • Click OK.

9. From Tools > Field drag Dynamic List to the second cell of new row (From step 8) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_project".

  • Change Column Show to "PROJECT_NAME".

  • Change Column Value to "PROJECT_ID".

  • Change FIELD_ID to "PROJECT".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Project".

  • Change Alignment to "right".

  • Click OK.

10. From Leave Request Module click icon append row. The system will append new row to the table.

11. From Tools > Field drag Text Area to the first cell of new row (From step 10) The textareaLabel shows.

  • Click icon pencil. The dialog of Text Area Configuration opens.

  • Change FIELD_ID to "CONTACT_INFO".

  • Change ShowFieldName to "Contact/Tel.".

  • Change Alignment to "left".

  • Click OK.

12. From Tools > Field drag Hidden to the second cell of new row (From step 10) The hiddenLabel shows.

  • Click icon pencil. The dialog of Hidden Field Configuration opens.

  • Change Defultvalueto "04".

  • Change FIELD_ID to "REQUEST_TYPE".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "RequestType".

  • Click OK.

13. From Leave Request Module click icon append row. The system will append new row to the table.

14. From Tools > Field drag Dynamic List to the first cell of new row (From step 13) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_list_box".

  • Change Column Show to "DISPLAY_NAME".

  • Change Column Value to "DISPLAY_CODE".

  • Change Condition Value to "CATEGORY_CODE='SUP_PM_DECISION'".

  • Change FIELD_ID to "DECISION_SUP_PM".

  • Change ShowFieldName to "Supervisor/PM".

  • Click OK.

15. From Tools > Field drag Text Box to the second cell of new row (From step 13) The textLabel shows.

  • Click icon pencil. The dialog of Text box Configuration opens.

  • Change FIELD_ID to "DECISION_SUP_PM_REMARK".

  • Change ShowFieldName to "Supervisor/PM Remark".

  • Change Alignment to "left".

  • Click OK.

16. From Leave Request Module click icon append row. The system will append new row to the table.

17. From Tools > Field drag Dynamic List to the first cell of new row (From step 16) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_list_box".

  • Change Column Show to "DISPLAY_NAME".

  • Change Column Value to "DISPLAY_CODE".

  • Change Condition Value to "CATEGORY_CODE='HEAD_DECISION''".

  • Change FIELD_ID to "DECISION_HEAD".

  • Change ShowFieldName to "One Down/Head".

  • Click OK.

18. From Tools > Field drag Text Box to the second cell of new row (From step 16) The textLabel shows.

  • Click icon pencil. The dialog of Text Box Configuration opens.

  • Change FIELD_ID to "DECISION_HEAD_REMARK".

  • Change ShowFieldName to "One Down/Head Remark".

  • Change Alignment to "left".

  • Click OK.

19. From Leave Request Module click icon append row. The system will append new row to the table.

20. From Tools > Field drag Dynamic List to the first cell of new row (From step 19) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_list_box".

  • Change Column Show to "DISPLAY_NAME".

  • Change Column Value to "DISPLAY_CODE".

  • Change Condition Value to "CATEGORY_CODE='HR_DECISION''".

  • Change FIELD_ID to "DECISION_HR".

  • Change ShowFieldName to "HR".

  • Click OK.

21. From Tools > Field drag Text Box to the second cell of new row (From step 19) The textLabel shows.

  • Click icon pencil. The dialog of Text Box Configuration opens.

  • Change FIELD_ID to "DECISION_HR_REMARK".

  • Change ShowFieldName to "HR Remark".

  • Change Alignment to "left".

  • Click OK.

22. From Leave Request Module click icon append row. The system will append new row to the table.

23. From Tools > Field drag Dynamic List to the first cell of new row (From step 22) The dropdownLabel shows.

  • Click icon pencil. The dialog of Dynamic List Box Configuration opens.

  • Change Table Name to "wf_ms_list_box".

  • Change Column Show to "DISPLAY_NAME".

  • Change Column Value to "DISPLAY_CODE".

  • Change Condition Value to "CATEGORY_CODE='AUTHORIZE_DECISION' ".

  • Change FIELD_ID to "DECISION_AUTH".

  • Change ShowFieldName to "Authorize".

  • Click OK.

24 From Tools > Field drag Text Box to the second cell of new row (From step 22) The textLabel shows.

  • Click icon pencil. The dialog of Text Box Configuration opens.

  • Change FIELD_ID to "DECISION_AUTH_REMARK".

  • Change ShowFieldName to "Authorize Remark".

  • Change Alignment to "left".

  • Click OK.

25. From Leave Request Module click icon pencil. The system will show Module Configuration.

  • Add module key by put "REQUEST_ID" to Module Key, put "10" to KeyLen and put "REQUEST_ID_SEQ" to Sequence.

  • Click button plus(+).

  • Click OK.

26. From Tools > Tabs drag Normal Tab to the silver box under the table of main tab. The dialog of Add Tab data opens. Put "Normal Leave" to Title, select 1 column and then click Add. The Normal Leave tab show.

27 From Tools > Module drag 1-Many to the box under the Order Item tab.

  • Click icon pencil. The dialog of Module Configuration opens.

  • Change Module Name to "Normal Leave".

  • Change Table Name to "wf_leave_req_item(T)".

  • Click OK.

28. From Tools > Field drag Hidden to Module Normal Leave. The hiddenLabel shows.

  • Click icon pencil. The dialog of Hidden Field Configuration opens.

  • Change FIELD_ID to "LEAVE_ITEM_ID".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Leave Item id".

  • Click OK.

29. From Tools > Field drag Hidden to Module Normal Leave. The hiddenLabel shows.

  • Click icon pencil. The dialog of Hidden Field Configuration opens.

  • Change FIELD_ID to "REQUEST_ID".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Request id".

  • Click OK.

30. From Tools > Field drag List Box to Module Normal Leave. The hiddenLabel shows.

  • Click icon pencil. The dialog of List Box Configuration opens.

  • Change FIELD_ID to "LEAVE_TYPE".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Leave Type".

  • Change FieldGroup to "1".

  • Change Seq to "1". 30.6

  • h to "Y".

  • Change showSearchSeq to "10".

  • Change Aligement to "center".

  • Add value , Set Value = "Errand" , ShowName = "Errand Leave" , SEQ = "1".

  • Add value , Set Value = "Sick" , ShowName = "Sick Leave" , SEQ = "2".

  • Add value , Set Value = "Vacation" , ShowName = "Vacation Leave" , SEQ = "3".

  • Add value , Set Value = "Other" , ShowName = "Other" , SEQ = "4".

  • Click OK.

31. From Tools > Field drag Text Box to Module Normal Leave. The textLabel shows.

  • Click icon pencil. The dialog of Text Box Configuration opens.

  • Change FIELD_ID to "SPECIFY".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Specify".

  • Change FieldGroup to "1".

  • Change Seq to "2".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "20".

  • Change Alignment to "left".

  • Click OK.

32. From Tools > Field drag Calendar to Module Normal Leave. The calendar shows.

  • Click icon pencil. The dialog of Date Configuration opens.

  • Change FIELD_ID to "START_DATE".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Start Date".

  • Change FieldGroup to "2".

  • Change Seq to "1".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "30".

  • Change Alignment to "center".

  • Click OK.

33. From Tools > Field drag Calendar to Module Normal Leave. The calendar shows.

  • Click icon pencil. The dialog of Date Configuration opens.

  • Change FIELD_ID to "END_DATE".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "END Date".

  • Change FieldGroup to "2".

  • Change Seq to "2".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "40".

  • Change Alignment to "center".

  • Click OK.

34. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Add".

  • Change Page Action to "SUB_SEARCH".

  • Change Button Action to "popupActionFlow('[MODULE_ID]')".

  • Click OK.

35. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Delete".

  • Change Page Action to "SUB_SEARCH".

  • Change Button Action to "[MODULE_ID]Delete()".

  • Click OK.

36. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Save".

  • Change Page Action to "UPDATE".

  • Change Button Action to "actionFormSubmit('insertMany','Y')".

  • Click OK

37. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Save".

  • Change Page Action to "INSERT".

  • Change Button Action to "actionFormSubmit('insertMany','Y')".

  • Click OK.

38. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Cancel".

  • Change Page Action to "UPDATE".

  • Change Button Action to "$('#many_[MODULE_ID]_dialog').dialog('close');".

  • Click OK.

39. From Tools > Button drag Module Button to the white box under name of module Normal Leave.

  • Change buttonName to "Cancel".

  • Change Page Action to "INSERT".

  • Change Button Action to "$('#many_[MODULE_ID]_dialog').dialog('close');".

  • Click OK.

40. From Normal Leave Module click icon pencil. The system will show Module Configuration.

  • Add module Key , Select Module Key = "REQUEST_ID" , Parent Key = "REQUEST_ID".

  • Click button plus(+).

  • Add module Key , Select Module Key = "LEAVE_ITEM_ID" , KeyLen = "10" , Sequence = "LEAVE_ITEM_ID_SEQ".

  • Click button plus(+).

  • Click OK.

41. From Tools > Tabs drag General Tab to behind tab Normal Leave (resemble step.28). The dialog of Add Tab data opens. Put "Replacementl Leave" to Title, select 1 column and then click Add. The Normal Leave tab show.

42. From Tools > Module drag 1-Many to the box under the Replacement Leave.

  • Click icon pencil. The dialog of Module Configuration opens.

  • Change Module Name to "Replacement Leave".

  • Change Table Name to "wf_leave_req_item(T)".

  • Click OK.

43. From Tools > Field drag Hidden to Module Replacement Leave. The hiddenLabel shows.

  • Click icon pencil. The dialog of Hidden Field Configuration opens.

  • Change FIELD_ID to "LEAVE_ITEM_ID".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Leave Item Id".

  • Click OK.

44. From Tools > Field drag Hidden to Module Replacement Leave. The hiddenLabel shows.

  • Click icon pencil. The dialog of Hidden Field Configuration opens.

  • Change FIELD_ID to "REQUEST_ID".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Request Id".

  • Click OK.

45. From Tools > Field drag Calendar to Module Replacement Leave. The calendar shows.

  • Click icon pencil. The dialog of Date Configuration opens.

  • Change FIELD_ID to "WORK_DATE".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "Work Date".

  • Change FieldGroup to "1".

  • Change Seq to "1".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "10".

  • Change Alignment to "center".

  • Click OK.

46From Tools > Field drag Text Box to Module Replacement Leave. The textLabel shows.

  • Click icon pencil. The dialog of Text Box Configuration opens.

  • Change FIELD_ID to "RW_NO".

  • Click icon Populate from FIELD_ID. The system will auto generate ShowFieldName to "RW No".

  • Change FieldGroup to "2".

  • Change Seq to "1".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "20".

  • Change Alignment to "center".

  • Click OK.

47. From Tools > Field drag Calendar to Module Replacement Leave. The calendar shows.

  • Click icon pencil. The dialog of Date Configuration opens.

  • Change FIELD_ID to "START_DATE".

  • Change ShowFieldName to "Leave Date".

  • Change FieldGroup to "3".

  • Change Seq to "1".

  • Switch ShowSearch to "Y".

  • Change showSearchSeq to "30".

  • Change Alignment to "center".

  • Click OK.

48. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Delete".

  • Change Page Action to "SUB_SEARCH".

  • Change Button Action to "[MODULE_ID]Delete()".

  • Click OK.

49. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Add".

  • Change Page Action to "SUB_SEARCH".

  • Change Button Action to "popupActionFlow('[MODULE_ID]')".

  • Click OK.

50. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Add".

  • Change Page Action to "INSERT".

  • Change Button Action to "actionFormSubmit('insertMany','Y')".

  • Click OK.

51. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Cancel".

  • Change Page Action to "INSERT". Change Button Action to "$('#many_[MODULE_ID]_dialog').dialog('close');

  • Click OK.

52. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Add".

  • Change Page Action to "UPDATE".

  • Change Button Action to "actionFormSubmit('insertMany','Y')".

  • Click OK.

53. From Tools > Button drag Module Button to the white box under name of module Replacement Leave.

  • Change buttonName to "Cancel".

  • Change Page Action to "UPDATE".

  • Change Button Action to "$('#many_[MODULE_ID]_dialog').dialog('close');".

  • Click OK.

54. From Replacement Leave Module click icon pencil. The system will show Module Configuration.

  • Add module Key, Select Module Key = "LEAVE_ITEM_ID", KeyLen = "10", Sequence = "LEAVE_ITEM_ID_SEQ".

  • Click button plus(+).

  • Add module Key , Select Module Key = "REQUEST_ID" , Parent Key = "REQUEST_ID".

  • Click button plus(+).

  • Click OK.

55. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Add".

  • Change Page Action to "ENTITY_SEARCH".

  • Change Button Action to "addEntity()".

  • Click OK.

56. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Delete".

  • Change Page Action to "ENTITY_UPDATE".

  • Change Button Action to "deleteEntity()".

  • Click OK.

57. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Cancel".

  • Change Page Action to "ENTITY_UPDATE".

  • Change Button Action to "cancelEntity()".

  • Click OK.

58. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Cancel".

  • Change Page Action to "ENTITY_INSERT".

  • Change Button Action to "cancelEntity()".

  • Click OK.

59From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Save".

  • Change Page Action to "ENTITY_UPDATE".

  • Change Button Action to "saveEntity()".

  • Click OK.

60. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Save".

  • Change Page Action to "ENTITY_INSERT".

  • Change Button Action to "saveEntity()".

  • Click OK.

61. From Tools > Button drag Entity Button to the white box under Leave Request Tab.

  • Change buttonName to "Search".

  • Change Page Action to "ENTITY_SEARCH".

  • Change Button Action to "searchResult()".

  • Click OK.