Skip to content

Latest commit

 

History

History
73 lines (40 loc) · 3.17 KB

readme.md

File metadata and controls

73 lines (40 loc) · 3.17 KB

Quick Start Guide: Nexus Bridge + React example

This guide will help to setup the demo example that is built using the Nexus Bridge and React framework.

The demo supports:

  • navigation through records
  • displaying, editing, saving and deleting data (supporting keyboard shortcuts)
  • query (supporting keyboard shortcuts)
  • picklists that are read from Siebel configuration
  • field properties that are read from Siebel configuration (required, field length)

Requirements:

This is not an example of implementation that can be used on production. It is intentionally kept straightforward.

result

  1. Make a clean Nexus Bridge Setup if you haven't done it before.

  2. Clone the project git clone https://github.com/ideaportriga/nexus-bridge or download and unpack the project's archive.

  3. Import sif-file (use the mouse right click and Save link as... to download the file) into the Siebel Tools.

  4. Add the Nexus React Account Screen to your application:

    • Find out your Siebel Application Name in application .cfg file or by logging in and typing SiebelApp.S_App.GetAppName() into Chrome Developer Tools console.

    • Use the Tools to add Nexus React Account Screen under Application > Screen Menu Item for your Siebel Application Name.

    • Use the Tools to add Nexus React Account Screen under Application > Page Tab for your Siebel Application Name.

  5. Compile (Siebel IP16) or deliver (Siebel IP17+) your changes.

  6. Add the Nexus React Account View to your application:

    • Use the Siebel Web Client to register Nexus React Account View under Administration - Application > Views.

    • Add your user's responsibility to this view.

    • Click the Clear cache button on Administration – Application > Responsibilities.

  7. Copy the files and folders in react-app/build to the [Siebel Client or Server Home]\public\SCRIPTS\siebel\custom\react-app folder.

  8. Use the Siebel Web Client to reference JS-files in Siebel Open UI Manifest as follows:

    • under Administration - Application > Manifest Files add a new record:

      Name: siebel/custom/react-app/NEXUS_REACT_PR.js

    • under Administration - Application > Manifest Administration add a new record under UI Objects:

      Name: Nexus React SIS Account Entry Applet

      Usage Type: Physical Renderer

      Type: Applet

    • and add a new record under Object Expression with:

      Level: 1

    • and add a new record under Files with:

      Name: siebel/custom/react-app/NEXUS_REACT_PR.js

  9. Empty browser cache and hard reload (e.g. using Chrome with open DevTools: press F12, then right-click a browser Refresh button and press ‘Empty Cache and Hard Reload’)

  10. Re-login to your Siebel Application.

  11. Navigate to the Nexus React Account Screen Screen.