Home

User Manual Oracle FLEXCUBE Development Workbench for Direct

1. 65 ORACLE ORACLE Oracle FLEXCUBE Direct Banking Oracle FLEXCUBE Development Workbench for Direct and Mobile Banking User Manual May 2012 Version Number 12 0 0 Oracle Corporation World Headquarters 500 Oracle Parkway Redwood Shores CA 94065 U S A Worldwide Inquiries Phone 1 650 506 7000 Fax 1 650 506 7200 oracle com Copyright 2012 Oracle and or its affiliates All rights reserved This document is provided for information purposes only and the contents hereof are subject to change without notice This document is not warranted to be error free nor subject to any other warranties or conditions whether expressed orally or implied in law including implied warranties and conditions of merchantability or fitness for a particular purpose We specifically disclaim any liability with respect to this document and no contractual obligations are formed either directly or indirectly by this document This document may not be reproduced or transmitted in any form or by any means electronic or mechanical for any purpose without our prior written permission Oracle is a registered trademark of Oracle Corporation and or its affiliates Other names may be trademarks of their respective owners Hardware and Software Engineered to Work Together ORACLE
2. ABL Kep Words Value String K BR LFPDESC Account Group ACCTNOTOBECLOSED KACDET AccouiDetsk ACC TU TRANSFEH Account to Eransfer ACCT BRANCH Account Branch KYOURACCOUNTNU AecouniNunbe KACC_STATUS_ALERT AccouniStslus Aien ACCOUNT Account H KACCOUNTOEBITED BecouDehied KCACCOUNT CREDITCR D Account No Credt Card No This dialog box has following fields 1 Search Criteria This dropdown has following three values a Starts With Use this search criteria to search all XSL key word for text starting with the entered search text b Ends With Use this search criteria to search all XSL key word for text ending with the entered search text c Contains Use this search criteria to search all XSL key word for text containing the entered search text 2 Search Text Use this text box to enter the text for which XSL key word is to be fetched User needs to click on search button to search the XSL keywords The search results will be available to user in the form of grid table Currently the maximum search output is 50 if the search output results exceeds limit of 50 records a message will be displayed in the bottom of the dialog asking user to further filter the search criteria User can select any XSL key word from 64 ORACLE XSL Keywords Lookup the search output and double click on that to automatically target that XSL keyword into the desired text box field from where the lookup dialog has been opened
3. box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup Legend Class User can set the class property of the table legend User can only enter the CSS classes which are available in this tool List of all CSS classes is loaded in the bottom right panel of this tool under CSS Classes tab User can click on the desired class and the value will be automatically populated in this text box For more details refer to section CSS Classes under the heading JavaScript Functions and CSS Panef Tool will not allow the user to apply any other CSS class name other than those available in this tool Recommended value for this field is labeltext or it can be left blank Default Hidden This check box can be checked if the user wants to make this HTML table default hidden when the screen output html page loads for the first time This feature 1s recommended where certain HTML table in the form needs to be kept hidden and displayed only on some JavaScript event Table Sequence User can set the sequence number of the HTML table by entering a numeric value in the text box against this field User can enter only numeric value gt 0 This property helps the user to rearrange the order in which the HTML Tables will appear in the form For e g if the current sequence number of the table 1s 3 it will appear as third HTML table in the form Customized Template ID User ca
4. file of the respective themes the classes have been grouped using a delimiter to identify their usage This tool extracts the preview folder from LEAP jar in the user s current directory and loads the theme name from the preview css default css file If a user wants to change the theme name they can edit this file and change the relative url of a different CSS file to be applied For e g if a user prefer to work on screen design using CSS classes of theme blue they need to change the following import statement of preview css default css and restart the tool import url THMRED THMRED css to import url THMSEABLUE THMSEABLUE cSs import url THMRED jquery ui css to import url THMSEABLUE jquery ui css After restarting the tool the CSS file name will get changed as shown below 59 ORACLE JavaScript Functions and CSS Panel Java Script Function C55 Classes kH EH Elements class H Calendar Setup Start E EH Start of Login page E EH Top Frame Header dass E E BreadCumbs User can use these CSS classes by just clicking them These CSS classes are linked to all those textboxes in the work area panel where user is supposed to use CSS class name For e g while defining the HTML Table details user can click on these CSS classes to set the value of following fields Table CSS formiable OM displapTable bo dem standardtable f formtable REA hs labelali
5. for Name Field Id User has to enter a field id It is a mandatory field and cannot be left blank This field id has to be unique user cannot use any field id which has been used while defining the screen It is always recommended to use fld as prefix with the field 1d for e g fldbeneficiaryid User can enter an alphanumeric value for Id Label User can enter XSL keyword starting with K_ in the text box against this field This text will appear as a label in the first cell of the column Tool will not allow the user to apply values not in the format of XSL keyword A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup Label Class User can enter the css class to be applied on the text entered against label User can only enter the CSS classes which are available in this tool List of all CSS classes is loaded in the bottom right panel of this tool under CSS Classes tab User can click on the desired class and the value will be automatically populated in this text box For more details refer to section CSS Classes under the heading JavaScript Functions and CSS Panef Tool will not allow the user to apply any other CSS class name other than those available in this tool Recommended CSS classes for labels are a labeltext Use this class to keep the
6. label text right aligned b coll Use this class for giving a width of 2096 to the cell containing the C mew Use this class for giving a width of 30 to the cell containing the d em Use this class for giving a width of 20 to the cell containing the e nae Use this class for giving a width of 30 to the cell containing the f end Use this class for giving a width of 8096 to the cell containing the label One can use a combination of these classes by giving a space between the classes for e g labeltext coll will make the label right aligned with a width of 20 40 ORACLE yi Vil viii 1X Xl xil xiii XIV Main Work Area Panel Label Width User can set the width property of the cell containing the label text by entering the text in the text box against this field User can enter numeric value with px or as postfix Tool will not allow the user to apply any other values It is recommended to use the CSS classes as discussed above to handle the width and leave this field blank If the above recommended classes do not match your width requirement then use this field to set the width Label Col Span User can select a numeric value 20 available in this drop down list against this field This value will determine the number of columns this cell containing the label will span Is Mandatory User has to check this check box if they want to append the mandatory icon discussed below to
7. so for an input like K ACCOUNT K BLANK K IS K BLANK faml response preparerepaymentiq responsedto custloanaccounts customeraccountdto accounts accountnodto positi on rowiteration mbraccount tooltip will appear as Account is evaluated account no Image URL User can enter relative path of the image file to be displayed Recommended to be used when one is using Image or Text Box with Lookup as HTMLDataType Relative path of commonly used images are a images eng calander gif Use this path for a calendar 1mage b images lookup gif Use this path for lookup image Default Static Label User can enter XSL keyword starting with K in the text box against this field This field is used for different datatypes with different purposes a Drop Downs First static option K SELECT in the dropdown list if required b Static drop downs dropdown list 66 39 separated static options to be displayed in the c Radio buttons separated values to be assigned as label to each radio button d Image Defines the value of alt attribute of image e Buttons Label to be rendered on button f Anchors Text to be rendered as link A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup Is Readonly User can check this check box to make
8. the selected column The current column will get deleted along with its child nodes if any vii Copy Column Click on this option to copy this Table column Once copied user will get the right click option to paste the copied column in table s row node 28 ORACLE Main Work Area Panel 8 Main Work Area Panel This panel appears at the center of this tool This panel consists of several sub panels which appear depending upon what component of screen design is being currently worked on by the user Following are the sub panels which appear inside this panel Main Work Area Panel 8 1 Welcome Panel This is the default panel which will appear in the main work area panel as shown below when the tool is launched Once the user starts working on any screentemplate project this panel will be replaced by some other sub panel depending upon what component of screen design user is configuring User can come back to this panel by using Go to Home sub menu under the Help menu Oracle FLEXCUBE Development Workbench 30 ORACLE Main Work Area Panel 8 2 Page Main Details Panel This panel appears when the user clicks on PageMainDetails node of HTML Layout panel as shown below Clicking this node will display the Page Main Details Panel as shown below Page Main Details Page Header amp _ACCOUNTTAANSFER Disclaimer Header O 64 Disclaimer Footer FE M amp NDATOBYT C Bal As shown in t
9. Inner Table e Inner Table of HTML Layout Panel as shown below HTHLFarm frmmain PageMainDetails HTMLTables o Ee Tablet Eg R Clicking this node will display HTML Table Data Details panel as shown below In this panel user will get the fields to configure the HTML components of the particular table column User can configure properties like fieldname fieldid labels and their style HTMLDataType and several other properties listed below 38 ORACLE Main Work Area Panel HTML Table Data Details Field Name Field Id Label Label Class Label Width Label Col Span Is Mandatory Mandatory Icon Label Type Select Label Row Span Data Class Data Width Data Colspan Data Type Select Node Value Function Name Function Arguments Input Size Input Maximum Length Is UDF Field Alternate Text Image UH Default Static Label Is Readonly Tab Index Default Value Data Row Span Dynamic Function Arguments Condition Field Row Iteration EJ 39 ORACLE Main Work Area Panel As shown in the screenshot above user can configure following properties of the column components 1 il iil iV Field Name User has to enter a field name It is a mandatory field and cannot be left blank It is always recommended to use fld as prefix with the field name for e g fldbeneficiary User can enter an alphanumeric value
10. Oracle FLEXCUBE Direct Banking Release 12 0 0 Oracle FLEXCUBE Development Workbench for Direct and Mobile Banking User Manual ORACLE FINANCIAL SERVICES Part No E52305 01 ORACLE Corporate E Factoring User Manual Table of Contents Es Q1 ceases ance E E E E E E a amp UM aes O e PERI El 5 SM O PUn MS DQ 6 hs CP ENG TN IMS TRE nursi aA 7 BIMBI BEP oo i ee ER rt re MM DM eo eo eee ee ee ee 9 shaded Cni Delala Fani Meme 18 FS LUDUM E i TE n P 22 i Mami VE OT d 2 0 29 cM Pare unio P Hn 50 INVI MPCICIRED C Vl m 54 11 JavaScript Functions and CSS Panel 1 1c cllc c LLL Leer rere ccce Lene eerrrneA 57 14 Delenng ESS PEOIODI LiseesukttenuERki d QuaE REEF EUG UENUS EERE Mi 62 T3 45L RE OPS LODRUD uieixiskinaniFs UnlaReM NAE RUMN CER Eid hb one UA Fan Fn Debian tn dan AN DONA UO UR ua Grn ah tli DR dEK A ad R 63 3 ORACLE Overview 1 Overview This Tool is a Swing based User Interface for designing screen based on Light Weight Extensions and Application Programming LEAP framework Earlier user used to make the database entries for creating the new screens in LEAP Framework Now this workbench gives a platform to user to design a new screen an
11. ble Row A new column with numeric id will automatically get added under the current HTML Table Row as shown below HTMLFor frmmain i PageMainDetail HTMLTables Tablet Double Click this node or Press F2 to change the numeric id of this newly added column ii Delete Row Click on this option to delete the selected row The current row will get deleted along with its child nodes if any iv Paste Column Click on this option to add a copied column to your screen design This option is available only if user has copied any column Copying a column has been discussed in following section 5 Column lt id gt User can right click on this node and will get the following options as shown below HTHLFarn frmmain lt PageMamnDetails HTMLT ables By Tablet Sy Rewl EIS 4 FormHiddenFields Label Data Data Label Label Inner Table Inner Table Delete Column Copy Column 26 ORACLE 1 il iil 1V HTML Layout Panel Label Data Click on this option to add two cells to the selected column one cell for the label and one for the HTMLDatatypes for e g textbox A new node will get added representing those two cells as shown below HT MLForrn frronmair is PageMainDetails HTMLTables Ee Tablet E 3 Row 2 5 Column Data Click on this option to add a single cell in the column to place HTMLDatatypes in the cell A new node will get added as sh
12. center Tool will not allow the user to apply any value other than the above three values Table Border User can set the border property of the HTML table by selecting the text available in this drop down list against this field User can select only numeric values gt 0 Tool will not allow the user to apply any other values Recommended value for border is between 0 to 5 Cell Spacing User can set the cell spacing property of the HTML table by selecting the text available in this drop down list against this field User can select only numeric values gt 0 Tool will not allow the user to apply any other values Recommended value for cell spacing is 1 Cell Padding User can set the cell padding property of the HTML table by selecting the text available in this drop down list against this field User can select only numeric values gt 0 Tool will not allow the user to apply any other values Recommended value for cell padding is 1 Table CSS User can set the class property of the HTML Table by entering the text in the text box against this field User can only enter the CSS classes which are available in this tool List of all CSS classes is loaded in the bottom right panel of this tool under CSS Classes tab User can click on the desired class and the value will be automatically populated in this text box For more details refer to section CSS Classes under the heading JavaScript Functions and CSS Panef Tool will not allo
13. cut 48 ORACLE Main Work Area Panel script language JIavaScript type text JavasScript var tablel tablez tables tabled tables tables transAmt dealBox function fnCreateTpbletbject i d tablel eval document dqetElementById tabledivl tablez eval document dqgetElementById tabledivz tables eval document qetElementById tablediv3 tabled eval document qetElementById tablediv4a tables eval document getElementbyId tabledivs tables eval document dqgetElementByIdi tabledive6 trans mt eval document dqgetElementBbyId fldtransferamt dealBox eval document getElementById flddealtemplate j function initialize 1 fnsetDatald i fnCreateTable bject fnIsDeal llowed idocument frmmain tldflagdealallowed alue dealbox fnResetHemquestValues fn nPaymentToClick request fnHideShowTables i This editor panel has the potential to highlight the selected text as shown in the screen shot above The current cursor is on text fnCreateTableObject clicking on that text automatically highlight the same text 1n the entire document with a grey background color User can also click the submenu Find Under File Menu or use Ctrl F as keyboard shortcut to find any text in the JavaScript file m ORACLE Console Panel 9 Console Panel This panel is at the center bottom of this tool This panel as shown below is meant to display th
14. d modify existing screens without directly accessing the database tables User can preview the changes and generate the SQL scripts using this tool Prerequisites 2 Prerequisites Following are the prerequisites to run this tool 1 Touse this tool one should have JDK 6 or higher version of java on their machine 2 Current version of LEAP jar 3 Following four jars are also required to be copied in the following sub directories of the main directory where LEAP jar is present 1 ext lib kernel FCDB_12 0 0 jar 2 ext lib xalan jar Xxerceslmpl jar Serializer jar log4j 1 2 16 jar xml apis jar How to Run this Tool 3 How to Run this Tool This tool can be run in following two ways 1 Torun this tool double clicks LEAP jar if JDK 6 is available in the recommended programs to execute jar files 2 OR 3 Use command java jar LEAP jar to execute the jar file Understanding this Tool 4 Understanding this Tool On executing LEAP jar a splash screen opens with a progress bar in the bottom as shown below Oracle FLEXCUBE Development Workbench FOR MOBILE AND DIRECT BANKING Loading Action Copyright 2010 Oracle Financial Services Software Limited All rights reserved Mi Sooo Loading Progress Bar Understanding this Tool Once the progress bar completes splash screen goes off the screen and the main working platform appears The following screenshot displays the mai
15. displayed as text in red color with icon c Warning For events changes done by user which are correct but are not as per standards the message generated by the tool is displayed as text in yellow color with icon 52 ORACLE Console Panel 2 Script Clicking this tab opens the text panel as shown below All the scripts generated for a particular screentemplate project are displayed in this text panel Console Script Help BOOTECUFO1O4ATAAROAT ON insert into screentemplatemasteriidtxn identity idchannel usertype idrecdguest Values OAT BOOL O1 ECU RROATOL insert into screentabledefinition idtxn identity idchannel usertype idredquest idtrable Values OAT BOOL O1 EcCuU BROGATO1 1 1 3 Help Clicking this tab opens the help pages of this tool as shown below Console Script Help Table of Contents Page Main Details a About LEAP User Interface _ Page Main Details helps user to configure following three fields of the b Designing a New Screen page Click on the links below for more details c Modifying Existing Screen d Deleting Existing IDReques Page Heat E Header e Defining Screen Componer Disclaimer Header Disclaimer Footer Page Iain Details Page Header Pace M 53 ORACLE HTML DataTypes Panel 10 HTML DataTypes Panel This panel is at the top right of this tool This panel contains all the HTMLDatatypes currently supported in LEAP
16. e XML corresponding to current state of DTO ili Generate Script Click on this option generate SQL script corresponding to current state of DTO iv Custom Template Click on these option display custom templates which are available This feature developed for mobile banking because many of their screens has same layout 2 HTMLTables User can right click on this node and will get the following option as shown below n HTMLFarm Frmmain PageMainDetails ER a HTMLTablel Add New Table oD Table1 Add Custom Table Tablez Paste Table 23 ORACLE HTML Layout Panel i Add New Table Click on this option to add a new HTML Table to your screen design A new Table with a numeric id will automatically get added under the HTML Tables node as shown below HTMLFarn frmmain a PageMainDetails i ay HTMLT ables Double Click this node or Press F2 to change the numeric id of this newly added table 1i Add Custom Table Click on this option to add a new predefined HTML Table such as HI H2 H4 LVI and LV3 to your screen design A predefined table with a numeric id will automatically get added under the HTMLTables node as shown below This feature is available for mobile banking only ca HTMLFarm Frmmain PageMainDetails aS Table Add New Table ey Table EP Pu T e TES E 4 FormHidd Paste Table Double Click this node or Press F2 to change the numeric id of this newly added table i Pa
17. e above details they need to click on Apply button to apply the changes done If not clicked the changes will not get reflected on revisiting this panel Revert If the user has not clicked on Apply and wants to go back to last applied changes they can click on Revert button 32 ORACLE Main Work Area Panel 8 3 HTML Table Details Panel This panel appears when user clicks on any HTML Table node of HTML Layout Panel as shown below HTMLFarm Irmmain PageMainDetails I HTMLT ables Clicking this node will display HTML Table Details panel as shown below In this panel user will get the fields to configure the HTML properties of the selected HTML table User can configure properties like table border cellspacing cellpadding and several other properties listed below HTML Table Details Table Alignment Table Border Cell Spacing Cell Padding Table C55 Table Width Table Caption Caption Class Caption Align Legend Label Legend Class Default Hidden Table Sequence Customized Template ID Condition Field 33 ORACLE Main Work Area Panel As shown in the screenshot above user can configure following HTML properties of the selected table il iil IV Table Alignment User can set the alignment property of the HTML table by selecting the text available in this drop down list against this field Possible values that can be selected are a left b right c
18. e messages generated by the tool the scripts generated by the tool and the tool help pages A maximize icon is at the top right of this panel to maximize it Maximize this Panel BNVECUBVBAVRR RIL Console Panel As highlighted in the screenshot above the current project details is also displayed so that a user can identify and distinguish the console messages and scripts for different screentemplate projects This console panel has following three tabs 51 ORACLE Console Panel 1 Console Clicking this tab opens the text panel as shown below with the messages generated by the tool while working on a particular screentemplate project Console Script Help BOOT ECLI ACT OAT YRAOATON OrFri Dec 31 12 29 51 IST 2010 Action Executed Generate xML to save the changes Fri Dec 31 12 29 51 IST 2010 ScreenTemplateMaster script generated 4 Fri Dec 31 12 30 00 IST 2010 Invalid value for Disclaimer Footer All value should start with E Fri Dec 31 12 30 09 IST 2010 Disclaimer Header value should be in Capital Fri Dec 31 12 30 09 IST 2010 Invalid value far Disclaimer Footer All value should start with K_ The messages displayed in the console can be of three types a Success For successful events changes done by user the message generated by the tool is displayed as text in green color with icon 2 b Error For events changes done by user which are not correct the message generated by the tool is
19. eBreak p id g 496 commonftfunctians xsl FR 496 modalwindow xsl E i calendarnclude xsl This panel has two tabs as highlighted above 1 Java Script Function Clicking this tab loads the panel with xsl s which are part of LEAP framework and the common JavaScript function s defined in these xsl s in a tree layout format User can call these functions directly in their corresponding idrequest js file to achieve certain functionality For e g user can use the function fnhideTable defined in genericscreenfunctions xsl to hide any particular table by calling this function from their corresponding idrequest js file User just needs to click this function and the function will be targeted to current cursor position in the idrequest js file Script Java Script Function C55 Classes Available JS Functions ial 496 common xsl E genericscreenfunctians xs fmhideT able p tabled eM s e InshawT able p tableid 58 ORACLE function initialize tnhideTableip tableid lt script gt JavaScript Functions and CSS Panel 2 CSS Classes Clicking this tab loads the panel with all the CSS classes available in a particular theme in a tree layout format Currently there are four themes available in FCDB e THMRED e THMSEABLUE e THMBLACK Each theme folder has its own themename css file For e g THMRED has THMRED css file Currently in CSS
20. ff Western Express Highway Goregaon East Mumbai 400 063 India Copyright 2010 Oracle Financial Services Software Limited Modification History Version Description Initial Version lt script gt function initialize z script e lt Idrequest gt sql Clicking on this tree node menu opens the script text panel in the bottom console pane under the script tab as shown below All the scripts generated for a particular screentemplate project are displayed in this text panel Console Script Help BOOT ECU ADT IDIAT IRRUAT UT insert into screentemplatemasteriidtxn identity idchannel usertype idredguest 7alues OAT B D1 01 ECT BBROAT U1 insert into screentrablederinition idtxn identity idchannel usertype idreguest idtahble wWalues OAT BOOL O1 ECU RROATOL 1 1 E 20 ORACLE Workspace Details Panel e lt Idrequest gt xml Clicking on this tree node loads the HTML Layout Panel in the bottom left of this tool with the HTML specific details of the screentemplate as shown below c HTMLForm irmmain 4 PageMainDetails B C HTMLTables B Tablet BH Row Sy Column i Data um amp able jf FormHiddenFields These details are loaded in the form of a tree structure where events are attached to the nodes of the tree Details of this tree structure and their events have been discussed in the next section 21 ORACLE HTML Layout Panel 7 HTML Layout Panel Th
21. framework in the form of button s as shown below User can click on these buttons to use these HTMLDatatypes to design the screen HTML DataTypes Panel Data These HTMLDatatypes has been classified into three groups Pata Label 1 Data These datatypes are those datatypes which helps user to place certain HTML components like textbox dropdown inside a particular column of a particular row of particular HTML Table 55 ORACLE HTML DataTypes Panel amp ate Radio Button Data Type o 2 Label These datatypes help user to configure the labels in the form Currently there are two configurations available One is Labels which can be used for simple label text with mandatory icon if any and other is Labels with colon which can be used for simple label text with mandatory icon if any and a colon appended at the end Mandatory on 00000000000 Label Row Span 3 Custom These datatypes are nothing but a predefined layout which one can directly place at certain position of the screen By predefined layout it means that rather than defining each component of the screen one can call these datatype templates to place an html layout at a particular table sequence As these layouts can be used at a particular table sequence which means these datatypes can be used while defining the HTML Table attributes Clicking these datatypes sets the value in Customized Template ID drop down of HTML Table Details wo
22. gn E ES formtablereadonly Caption Class labeltext Legend Class labektext Similarly these CSS classes can be used while defining the HTML column components user can click on these CSS classes to set the value of following fields 60 ORACLE JavaScript Functions and CSS Panel Transaction ork Area S workarea cold Label Class labeltext coll a Ci coo lookup Data Class validate javaclass display T able 8 standardtable fomtable F3 labeltext labelabgn 61 ORACLE Deleting Existing Project 12 Deleting Existing Project For deleting existing project from the workspace right click on that idrequest node A menu appears with the option 1 Delete IdRequest 2 3 ScreenT emplate Sy BOT E23 ECU E 01 i DTF 6a M RRD Delete iRequest r5 RRDTFUT sq 8 RRDTFUIT xml Sq DAT Clicking this option will delete the selected IdRequest along with its three files i e js sql xml from Txn Id tree node XSL Keywords Lookup 13 XSL Keywords Lookup User can search the available XSL keywords for a particular text using the lookup icons available against the fields in the work area panels These lookup icons are available only against those fields where user is supposed to use XSL keyword Clicking on the lookup icon will open a search dialog as shown below 63 ORACLE XSL Keywords Lookup ASL Key Word Search E3
23. he screenshot above user can configure following three screen design parameters a Page Header User needs to enter XSL keyword starting with K in the text box against this field The text entered here will appear on the top of the screen design as its page header A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup 31 ORACLE Main Work Area Panel b Disclaimer Header User needs to enter XSL keyword starting with K_ in the text box against this field The text entered here will appear on the top of the screen design as disclaimer header A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup Disclaimer Footer User needs to enter XSL keyword starting with K_ in the text box against this field The text entered here will appear on the bottom of the page as disclaimer footer A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup Two buttons are there in this panel a b Apply Once the user has entered th
24. ialog window as shown below Please Enter the details for new Project Entity Id UserType Channel Id Txn Id Request Id Is Widget User Agent User needs to browse the XSL file path enter the entity id usertype channel id transaction id request id and user agent of the screen to be 14 ORACLE Menu Bar converted to Channel Workbench framework Click on Create on the basis of the input field s tool will convert the XSL file into screentemplate xml and js file and load these files into its own workspace Click on Cancel to close this dialog Click on Clear to clear the input fields While transforming XSL to Channel Workbench tool will generate some self explanatory messages in the output log file available in the directory logs as LEAPOut log 5 Help Help menu has following four sub menus File Generate Preview Transform Waele a BOO Help Contents Ctrl H About Ctrl I key Assist Ckrl ShiFt L a Go To Home Clicking this sub menu opens the welcome panel in the main work area panel as shown below Oracle FLEXCUBE Development Workbench p ORACLE Menu Bar b Help Contents Clicking this sub menu opens the complete HTML help for this tool in the bottom console pane under the help tab Console Script Help Table of Contents Page Main Details Bote ne Leet a Page Wain Details helps user to configure following three fields of the page 5 Designi
25. ion Button ID Condition Field As shown in the screen shot above the hidden fields are displayed in a table grid format with following columns 1 il iil iV Vl Vll Field Name User has to enter a field name It is a mandatory field and cannot be left blank It is always recommended to use fld as prefix with the field name for e g fldbeneficiary Field Id User has to enter a field id It is a mandatory field and cannot be left blank This field 1d has to be unique user cannot use any field id which has been used while defining the screen It is always recommended to use fld as prefix with the field id for e g fldbeneficiaryid Node Value Node value is the value assigned to this field It can be either a XPATH or a constant value For constant value user has to use the syntax string value Is UDF Field This is a check box If checked a name value pair of this field can be assigned to UDFDTO and passed to the service Row Iteration In certain scenario s one need to create array of hidden data using an xsl for each loop on a particular xpath To create such an array one can use this column In this column user needs to enter the xpath on which the iteration has to be done Button ID This field only visible when id channel is 42 1 e browser based mobile channel Since in browser based multiple form are supported so hidden field 1s bounded with a particular form In this field one need to s
26. is panel is at the bottom left of this tool This panel contains the HTML specific details of the screentemplate This panel loads the screen design in a tree layout format where each node represents certain HTML component of the screen design as shown below HTML Form having name frmmain mx HTHMLFarm frrmain Lo Page ainD etail lt n a f BITMLTsbiss Header and disclaimers i X 1 Table By Raw E 29 Column Two cells of the column One m Label Data for Label and other for Page main details like HTML Table having id 1 Sie T ablez Datatypes E mm e Row Ee Column L3 Data Sy Rowe xe Caolumni Table Column Table Row having id 1 having id 1 ee FormHiddenField Hidden Fields in the Form HTML Layout Panel Certain nodes shown in the screen shot above have right click options user can use these options to add child nodes or delete these nodes Details of the right click options available on the nodes has been discussed below 1 HTMLForm User can right click on this node and will get the following option as shown below PYHTMLForm ftmmain f dj PageMainDetails Refresh HTMLTables Generate XML FormHiddenFields Generate Script Custom Template 1 Refresh Click on this option it refresh the Layout tree It means Layout tree is render again and if any table order is changed it reflect after the refresh il Generate XML Click on this option generat
27. n use already existing custom templates available as custom datatypes in this panel User can select any custom template available in the dropdown list Use this feature only when you want to use an existing HTML Table layout available else leave this field blank User can refer to the data types available in the HTML Datatypes panel grouped under the Custom tab User can click on the data type 36 ORACLE XV Main Work Area Panel button and value will get selected in the drop down against this field Refer to Custom section under heading HTML DataTypes Panef for more details on the usage of Customized Template ID Condition Field User can enter the text in this text box against this field This feature is only supported in mobile banking It s a XSL expression which return either true or false on basis of this application decides that this table will render or not Two buttons are there in this panel 1 ii Apply Once the user has entered the above details they need to click on Apply button to apply the changes done If not clicked the changes will not get reflected on revisiting this panel Revert If the user has not clicked on Apply and wants to go back to last applied changes they can click on Revert button 37 ORACLE Main Work Area Panel 8 4 HTML Table Data Details Panel This panel appears when user clicks on any of the following node a Label Data b Data c Label d Label
28. n working platform along with the description of the different panels In the following section details of each of the highlighted components of this tool is discussed 8 ORACLE Menu Bar 5 Menu Bar Menu Bar of this tool has following five menus Fil Generate Preview Transform Help 1 File File menu has following five sub menus Lg Generate Preview Transform Help Mew Cbrl h Modify Chrl 0 Save Ckri4 5 Close Ckrl a New This sub menu allows a user to create a new screentemplate project in the workspace of the tool Clicking on New opens a dialog window as shown below b Menu Bar Please Enter the details for new Project Entity Id UserType Channel Id Txn Id Request Id Is Widget User Agent User needs to enter the entity id usertype channel id transaction id request id and user agent of the screen to be designed Click on Create to create a new project in the workspace Click on Cancel to close this dialog Click on Clear to clear the input fields Modify This sub menu allows a user to modify the existing screens in FCDB application Using this sub menu user can load the screentemplatexml from FCDB datafiles folder into the workspace of this tool and modify the screen design Clicking on Modify opens a dialog window as shown below 10 ORACLE C Menu Bar Mew Project Details Please Enter the details for new Project O U
29. ng a New Screen Click on the links below for more details c Modifying Existing Screen d Deleting Existing IDRequest Page Header e Defining Screen Components w Disclaimer Header Lisclamer Footer Page Main Details c About Clicking this sub menu opens following dialog window which contains the details associated with the tool version and working directories 16 ORACLE Menu Bar Oracle FLEXCUBE Development Workbench for Direct and Mobile Banking Orade FLEXCUBE Development Workbench for Direct and Mobile Banking s Version 12 0 0 Copyright 2010 Grace Financial Services Software Limited All rights reserved Paths User Directory D Leap LEAP source WorkSpace Directory D Leap LEAP source ScreenTemplate Preview Directory D Leap LEAP source preview d Key Assist Clicking this sub menu opens the keyboard shortcuts HTML page in the bottom console pane under the help tab Console Script Help KeyBoard ShortCuts Action TRLAN Create Mew File CTRL 0 Modify existing File CTEL 5 save current J File CTRL B Preview in default Browser CTEL C Choose Browser for Preview CTRL W Exit from application CTRL E Generate XML CTRL 0 Generate script CTRL H Help 17 ORACLE Workspace Details Panel 6 Workspace Details Panel The topmost left panel of this tool as shown below contains the details of all the screentemplate projects created in the workspace in a tree layout format Thi
30. ovide the user with a fresh complete insert script corresponding to that idrequest c Generate MSTHTMLDATATYPES Scripts This sub menu allows user to generate the MSTHTMLDATATYPES insert script of the screen design Clicking this menu will generate script along with Html Data Type Id and its description m ORACLE Menu Bar 3 Preview Preview menu has following two sub menus File Generate BEI Transform Help ScreenTemp view in Default Browser Ctrl B Bo B001 Add New Browser and Preview Ctrl C GE ecu a View in Default Browser Clicking this sub menu will launch the system s default browser with the output html of the current screen design project User can preview the screen design done by them in this output html b Add New Browser and Preview This menu allows a user to launch a selected browser Clicking this menu will opens a dialog window as shown below Add Hew Browser and Preview Click on Browse to browse the browser path Click OK to launch the output HTML in selected browser Click Cancel to close this dialog 13 ORACLE Menu Bar 4 Transform Transform menu has following sub menu File Generate Preview Help m screeriTemplate Convert Xsl into Workbench Ctrl T F J B001 a Convert Xsl into Workbench This sub menu allows a user to convert existing FCDB screen which has been designed using XSL file to Channel Workbench framework Clicking this sub menu opens a d
31. own below representing a single cell meant for HTMLDatatypes only HTHLFarm frmmain 4 PageMainDetails HTMLTables EC Tablet Sg Rewl 5 73 Column Data Fields Label Click on this option to add a single cell in the column to place label in the cell A new node will get added as shown below representing a single cell meant for labels only HTHLFarm frmmain 3 aa PageMainDetails S E HTMLT ables ER Tablet S E Row 2 H Columa d Label Inner Table Click on this option to add two cells to the selected column one cell for adding a label and one cell for adding an inner 27 ORACLE HTML Layout Panel HTML Table A new node will get added representing those two cells as shown below A new Table lt id gt node will also get added as a child of this new node representing the inner HTML table HTMHLFarm frmrmain cig PageMainDetails HTMLT ables 5 2 Tablet E 29 Row E Ec eee Lome FormHiddenFields v Inner Table Click on this option to add a single cell in the column to place an inner HTML table in the cell A new node will get added as shown below representing a single cell meant for inner HTML table only A new Table lt id gt node will also get added as a child of this new node representing the inner HTML table HTHLFarm frmmain pnis PageMainDetails HTMLTables Ee Table Sy Aow Sif Column Lo FomHiddenFields vi Delete Column Click on this option to delete
32. pecify that form name Condition Field This feature is only supported in mobile banking It s a XSL expression which return either true or false on basis of this application decides that this hidden field will render or not Three icons are there against each row of hidden field detail 46 ORACLE Main Work Area Panel i Click on this to apply the changes done on the corresponding row of the hidden field s grid table ii 9 If the user has not clicked on and wants to go back to last applied changes they can click on this icon iii Click on this to delete the corresponding row Deleting the row will remove the hidden field from the HTML form To add a new row to this grid table select the last column of the last row and click tab a new row will get added where user can define a new hidden field 47 ORACLE Main Work Area Panel 8 6 Java Script Editor Panel This panel appears when the user clicks on the lt idrequest gt js file node of a particular project in Work Space Details Panel as shown below 9 ScreenT emplate S 24 BOO EC ECU ey 01 Clicking this node will open an editor panel in the center main work area panel as shown below The content of the js files are loaded in this editor User can use this editor panel to write edit the content of the JavaScript file To save the changes user needs to click the submenu Save Under File Menu or use Ctrl S as keyboard short
33. rk area panel Customized Template ID External Payments External Payments 56 ORACLE JavaScript Functions and CSS Panel 11 JavaScript Functions and CSS Panel This panel is at bottom right of this tool This panel contains the common JavaScript functions and the list of all CSS classes available in LEAP framework as shown below JavaScript Functions and CSS Panel Java Script Funetign CSS Classes oy z allable ps Class ES SENS THMARSENAL css E8 Elements class E8 Calendar Setup Start E8 Start of Login page EH Top Frame Header class E8 BreadCumbs E Customer Details Panel TransachonWork Area workarea j n cal j col j E eal j id cal j coal5 j oe cala j im lookup x validate j e javaclass i e displayT able standardtable EA formtable EA formtablereadanly EH intotable Jara Sip Freien ess Cus Avallable JS Functions lt a comman xsl ia genet See One ot es fnhideTable p tableid p 5 fnshawiT ablefp_tableid k fnhideRiaw p rowid se es fnishawR ow p rowid ik fnhideElement p id e 5 fnshowElement p id sees c3 frsetessClass p_id p_class i5 fnsetstyleProp p id p prop name p sees a frgetAttribute p_id p_attrb_namel eA co fnset amp ttribute p id p attrb namep e se i frremoveAttibute p_id p_attrb_narne 63 fndisableElement p id n 5 fnenableElement p id i 5 fnaddLin
34. s Tool creates a folder ScreenTemplate workspace for this tool This tree layout represents the actual directory structure created inside in the user s current directory where LEAP jar is located this folder is the the workspace folder Workspace Details Panel 9 ScreenT emplate 5 24 B001 B3 ECU B m E 3 OAT amp c3 RROATON H1 RROATON js s RROATUO sgl 485 RROATO xml i TOO For each screentemplate project there are three files loaded in the workspace e lt Idrequest gt js Clicking on this tree node will open an editor panel in the center main work area panel as shown below The content of the js files are loaded in this editor User can use this editor panel to write edit the content of the JavaScript file To save the changes user needs to click the submenu save Under File Menu or use Ctrl S as keyboard shortcut m ORACLE Workspace Details Panel This source is part of the FLEXCUBE Direct Banking Software System and is copyrighted by Oracle Financial Services Software Limited All rights reserved Wo part of this work may be reproduced stored in a retrieval system adopted or transmitted in any form or by any means electronic mechanical photographic graphic optic recording or otherwise translated in any language or computer language without the prior written permission of Oracle Financial Services Software Limited Oracle Financial Services Software Limited Oracle Park O
35. serType Channel Id Txn Id Request Id User Agent User needs to browse the FCDB datafiles gui path enter the entity id usertype channel id transaction id request id and user agent of the screen to be modified Click on Create on the basis of the input field s tool will copy the screen template xml and js file from FCDB project into its own workspace Click on Cancel to close this dialog Click on Clear to clear the input fields Find This sub menu allows user to find any words in the JavaScript file loaded in the JavaScript editor panel Clicking on Find opens a dialog window as shown below Gish est Sects Enter a text and click on Find to find the text Click on Cancel to close this dialog window 11 ORACLE Menu Bar d Save Click on save to save the idrequest js file e Close Click on Close to close the tool 2 Generate Generate menu has following three sub menus File Preview Transform Help Generate XML Ctrl X i Generate Script Ctrl Q Generate MSTHTMLDATATYPES Scripts a Generate XML This sub menu allows user to regenerate the screentemplate xml after changing the screen design It can be considered as an action to save the screen design b Generate Script This menu allows user to generate the complete insert script of the screen design Clicking this menu will clear all the update insert delete script corresponding to an idrequest and pr
36. splay Form Hidden Fields panel as shown below In this panel user will be able to configure the HTML Form Hidden Fields User can add delete and modify hidden fields Form Hidden Fields Field Mame Field ld Made Value Is UDF Field Haw teration fldD atald fldD atald ffarnbrequest HdD v fldRequestid idRequesid JMameques R A o fidSectiold fdSeciond sWngRROATOUT Ao o fdServiceType MdSemiceType amegus A fidSessionld HdSessonid JMam eauew ME A Mm hm fdacivetedeaboxagldacivetedeabodlg fidauthaction fdauthaction amegusia A fideodcounky _ fldeodcounty ete fldcustid fldcustid po 0 m Hddbtacontcur ddbtaecntour KIE fiddebitamount _ fiddebitamount o S fddestaccnicur fiddestacortcun _ Mamiequestfidd ___ J OOOO fiddestaccouninotewt fddestaccounsa Mo fiddestaccino Hddesacomo MamWequewdi V fiddestbankcode fiddestbarkcode __ Mfamlequestfidd A fiddestoodcounty _ flddesteodcounty JMamieques ddi A fddescusid Hddesicusid amegusa A EN Hdflagdealallowed Hdflagdealallowed Faml respanse ge S ISTISTISTISTISTIS e 45 ORACLE Main Work Area Panel Form Hidden field panel for mobile channel Form Hidden Fields Field Name Node Value Is UDF Field Row Iterat
37. sresponsedto custaccounts customeraccountdto I accounts a ccountnodto position rowiteration nbrbranch then function fnViewLoanDetails will have arguments as LDT 01 evaluated account no evaluated branch Condition Field User can enter the text in this text box against condition field This feature is only supported in mobile banking It s a XSL expression which return either true or false on basis of this application decides that this html component will render or not Row Iteration User can enter the XPATH on which they can iterate to create multiple rows dynamically or to create an array of Hidden fields For more details refer to Oracle_FLEXCUBE_Direct_Banking_LEAP_Framework_DeveloperGuide docx 99 Two buttons are there in this panel i Apply Once the user has entered the above details they need to click on Apply button to apply the changes done If not clicked the changes will not get reflected on revisiting this panel li Revert If the user has not clicked on Apply and wants to go back to last applied changes they can click on Revert button 44 ORACLE Main Work Area Panel 8 5 Form Hidden Fields Panel This panel appears when the user clicks on FormHiddenFields node of HTML Layout panel as shown below HT kL Forrn frrornairi i vis PageMainDetails HTMLT ables ig Tablet Sy Row ey Column oo hag Label Data 2 Clicking this node will di
38. ste Table Click on this option to add a copied HTML Table to your screen design This option 1s available only if user has copied any HTML Table Copying a HTML Table has been discussed in following section 3 Table id User can right click on this node and will get the following options as shown below 24 ORACLE HTML Layout Panel HTI LForm Frmmain 4 PageMainDetails i i HTMLTables amp FormHidde megas ES Delete Table Copy Table 1 Add New Row Click on this option to add a new row to your HTML Table A new row with numeric id will automatically get added under the current HTML Table as shown below HTMLFarn frmmain i PageMsinDetails HTMLT ables Double Click this node or Press F2 to change the numeric id of this newly added table row ii Delete Table Click on this option to delete the selected HTML table The current HTML Table will get deleted along with its child nodes if any i Copy Table Click on this option to copy this HTML Table Once copied user will get the right click option to paste the copied table in HTMLTables node 4 Row lt id gt User can right click on this node and will get the following options as shown below HTHLFarm frmmain 3 sini PageMainDetails S E HTMLT ables BR Table ay Foy BE Table H FormHiddenFie Delete Row Paste Column 25 ORACLE HTML Layout Panel i Add Column Click on this option to add a new column to your HTML Ta
39. t for more details please refer to section XSL Keywords Lookup Caption Class User can set the class property of the Table Caption User can only enter the CSS classes which are available in this tool List of all CSS classes is loaded in the bottom right panel of this tool under CSS Classes tab User can click on the desired class and the value will be automatically populated in this text box For more details refer to section CSS Classes under the heading JavaScript Functions and CSS Panef Tool will not allow the user to apply any other CSS class name other than those available in this tool There is no recommended value for this field it can be left blank Caption Align User can set the alignment property of the HTML table by selecting the text available in this drop down list against this field Possible values that can be selected are a left b right c top d bottom 35 ORACLE Xl xil xiii XIV Main Work Area Panel Tool will not allow the user to apply any value other than the above four values Legend Label User can create a legend for the HTML Table by entering the text in the text box against this field User can enter only XSL keyword starting with K in this text box Tool will not allow the user to apply values not in the format of XSL keyword Legends are recommended only for inner HTML tables A lookup icon is available beside the textbox clicking this lookup image will open a dialog
40. the field read only For e g a read only text box Tab Index User can enter a numeric value gt 0 as tab index for this field Default Value This field is used for different datatypes with different purposes a Textarea Textarea wrap attribute value 43 ORACLE XXVII XXVIII XXIX XXX Main Work Area Panel b Dropdowns Default selected value of the dropdown One can give XPATH or a constant value like string lt value gt c Radio Buttons This value will determine which radio button will be default selected d Check Box Check box checked attribute value Image Image align attribute value f Anchor Anchor target attribute value ip Data Row Span User can select a numeric value 250 available in this drop down list against this field This value will determine the number of rows this cell containing the HTMLDataType will span Dynamic Function Arguments User can give comma separated XPATH s as arguments to the JavaScript function These XPATH will be evaluated by the framework and their value will always come after the constant function arguments discussed above in Function Arguments For e g if function name 1s fnViewLoanDetails function arguments are LDT 01 and dynamic function arguments are faml response prepareloandetailsresponsedto custaccounts customeraccountat o 1 accounts accountnodto position rowiteration nbraccount faml respons e prepareloandetail
41. the label of this field Mandatory Icon User can enter the key board special characters like to mark this field as mandatory or can append this icon to the label for any disclaimer note Label Type User can select the label types available in this drop down list User can refer to the label types available in the HTMLDatatypes panel grouped under the Label tab User can click on the data type button and value will get selected in the drop down against this field For more details refer to Labe section under heading HTML DataTypes Panef Label Row Span User can select a numeric value 20 available in this drop down list against this field This value will determine the number of rows this cell containing the label will span Data Class For details refer to Label Class This CSS class will be applied on the column cell containing the HTMLDataType like textbox hence no need to use labeltext CSS class Data Width For details refer to Label Width This width will be applied on the column cell containing the HTMLDataType like textbox Data Col Span User can select a numeric value 250 available in this drop down list against this field This value will determine the number of columns this cell containing the HTMLDataType will span Data Type User can select the data type available in this drop down list User can select the HTMLDataType to be displayed in this cell of the column User can refer to the data t
42. ument using XPATH s please refer to Dynamic Function Arguments below Input Size This field 1s used for different datatypes with different purposes Textbox Size of the textbox Textarea Rows value of the textarea Dropdowns Making a dropdown into a list Radio Button Number of radio buttons Tabs Number of tabs Image Height of the image Buttons Size of the button a RLaR Input Maximum Length This field is used for different datatypes with different purposes Textbox Maximum Length of the Textbox Textarea Columns value of textarea Image Width of the image Buttons Maximum Length of the buttons ao of IS UDF Field This is a check box If checked a name value pair of this field can be assigned to UDFDTO and passed to the service Alternate Text User can enter XSL keyword starting with K_ in the text box against this field This text will appear as a tooltip for the HTMLDataType Tool will not allow the user to apply values not in the format of XSL keyword A lookup icon is available beside the textbox clicking this lookup image will open a 42 ORACLE XXII XXIII XXIV XXV XXVI Main Work Area Panel dialog box where user can search available XSL keywords for a particular text for more details please refer to section XSL Keywords Lookup For dynamic tooltip user can enter XPATH in this field For combination of static and dynamic tooltip one should use as the delimiter
43. w the user to apply any other CSS class name other than those available in this tool Recommended CSS classes for HTML tables are 34 ORACLE Vl Vll viii 1X Main Work Area Panel a formtable Use this class when the table contains certain input fields formtablereadonly Use this class to display the table on verification screen where no input fields are there infotable Use this class to display certain info inside a table standardtable eridtable Use this class for table in grid format uidownload Use this class for calling UI download framework of FCDB buttonarea Use this class for making form submission buttons tabpanel Use this class for making set of tabs inside a table p mono os Table Width User can set the width property of the HTML table by entering the text in the text box against this field User can enter numeric value with px or as postfix Tool will not allow the user to apply any other values Recommended value for width is it can be left blank or 100 Table Caption User can set the caption of the HTML table by entering the text in the text box against this field User can enter only XSL keyword starting with K_ in this text box Tool will not allow the user to apply values not in the format of XSL keyword A lookup icon is available beside the textbox clicking this lookup image will open a dialog box where user can search available XSL keywords for a particular tex
44. ypes available in the HTMLDatatypes panel grouped under the Data tab User can click on the data type button and value will get selected in the drop down against this field For more details refer to Data section under heading HTML DataTypes Panel For Inner table component this field is read only 41 ORACLE XV XVI XVII XVIII XIX XX XXI Main Work Area Panel Node Value User can use text box against this field to populate data in different HTMLDataType For e g user can enter a XPATH or a constant value string lt value gt in textbox HTMLDataType to populate the textbox with a default value Similarly user can use this field to populate list of values in drop down Refer to Oracle_FLEXCUBE_Direct_Banking_LEAP_Framework_DeveloperGuide docx for more details on the format of nodevalue for different HTMLDatatypes For Inner table component this field is read only and contains the table id of child table Function Name User can give the JavaScript function name which they want to attach to the main event of the HTMLComponent for e g giving a function name for dropdown will assign this function to onchange event of the dropdown The logic of the function has to be written in the corresponding idrequest js file Function Arguments User can give comma separated arguments to the JavaScript function discussed above User can pass only constant values using this field To pass dynamic values as an arg

User Manual Oracle FLEXCUBE Development Workbench for Direct

Contents

Download Pdf Manuals

Related Search

Related Contents