Versions Compared

Version Old Version 17 New Version Current
Changes made by

Andre Reforma (Deactivated)

Andre Reforma (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
The FAB workbench starts and you can begin developing or updating your Apps in a familiar ABAP environment.
Once you use Open or Create the screen is presented as per below with two windows.

...

The workbench consists of 4 main areas:

...

FAB Workbench overview

Please Note:

...

FAB Workbench contains a collection of tools used to develop, test and run FAB applications. 
When the FAB Workbench is launched, there will be a Welcome Dialog box that provides the following options:
Image Added
  1. Name of the last opened application
  2. Button to Change the last opened application
  3. Button to Display the last opened application
  4. Button to Choose and Change an existing application
  5. Button to Choose and Display an existing application
  6. Button to Create a new application
Once an application has been opened the workbench will display two sections:
Image Added
  1. Application definition: Contains the development and configuration area of the application, including form structure, properties and fields.
  2. Application preview: Contains an embedded browser that allows immediate preview of changes once the application is saved. Alternatively, it can immediately update after each edit if Live View mode is enabled.


Info
Please note:
  • When FAB Workbench is launched for the first time, the application's definition and preview sections will be blank. To display sections, a new application must be created and saved. Once this is done these sections will display on-going.
  • If you have previously been working with FAB, the workbench will launch with the prior worked on application.
  • You may be prompted to enter your SAP user name and password for the Gateway server. In some cases you may not be able to enter the user name and password quick enough before the workbench opens. This could result in the preview window not being able to show a preview of the current App. If this is the case, exit the workbench and start the transaction again.


Application definition


There are three main areas within the application definition section:
  1. Form Structure Tree: Displays the hierarchy of nodes in the application. This is the primary working space where Controls can be added
to the Project by right-clicking and using the context menu
  1. .
  2. Properties Area

  1. : As
Nodes
  1. nodes are selected from the tree, their properties are displayed in the Properties area
. From here the properties can be edited
  1. , where each element's property can be set and modified.
  2. Fields Area

The
  1. : Fields make up the data model of the
App. Controls can be 'bound' to these fields. 
  1. application. Fields will automatically display in this section if they are added against the 'Bound Field' element in Properties making the corresponding control 'bound' to the field, or they can be directly added to the section. 

Example:

In the below example, the Text Control with Id "

Textid

Textid001" is bound/linked to the Field "

Text

text_

Variable

variable" in the Bound Field property. The value that "

Text

text_

Variable

variable" has will be rendered in

the Text Control with Id "Textid

the preview browser as "test".

Image Removed
Fields can be added manually to the Fields Area, and Fields will be automatically added to this area if they are set in the Properties area when editing the 'Bound Field' property
  • Preview Area
    A preview of the App is displayed in this Area. The preview will update when the Project is saved, and/or it will update immediately after each edit if Live View mode is used.

    • Toolbar

    Image Removed

    Image Removed

    Open existing App

    Image Removed

    Imports an App from an XML file

    Image Removed

    Create new App

    Image Removed

    Opens up the App properties

    Image Removed

    Toggles between Change and Display modes

    Image Removed

    Opens up a dialog for the associated ABAP methods executed by the App

    Image Removed

    Saves the App

    Image Removed

    Opens up the dialog for configuring workflow stages and action buttons

    Image Removed

    Save the App with new iteration/version

    Image Removed

    Used for the BDC Recording Functionality

    Image Removed

    Assign the App changes to a transport request

    Image Removed

    Opens up a web browser to view the runtime of the App

    Image Removed

    Exports the App into an XML file

    Step-by-step guide

    1.  Type in /IQX/FAB
    2.  Use Open or Create to start.

    ...


    Image Added

    Toolbar

    The FAB Workbench toolbar contains a set of useful buttons that provides easy access to core program functionality. If the screen is minimised, some buttons will collapse into a menu structure accessible on the right-hand side of the bar.

    Image Added


    1. Open: Used to open existing applications by launching the form search dialogue box.
    2. Create: Launches a dialogue box to capture the new application's form properties. 
    3. Change/Display: This button toggles between change and display. When opening an existing applications, it will default to display mode. 
    4. Save: This function allows any changes made to the application to be saved.
    5. Save (new iteration): This function creates and saved iterations (major versions) of the application and can only be access when the application is in change mode. Prior iterations of the application can be retrieved via the Open for search dialogue box. The current iteration number displays alongside the name of the form.
    6. Transport: This feature assigns the application changes to a transport request. This should always be selected before a version of the application is sent to a new environment.
    7. Export to File: Exports the application into a XML file format.
    8. Import from File: Allows the importation of a XML application file.
    9. Properties: Launches the application's form properties dialogue box. 
    10. Code: Launches a dialog box for the associated ABAP methods executed by the application.
    11. Workflow: Launches the dialog box for configuring workflow stages and action buttons.
    12. Recording: Allow the recording of a transaction via BDC and inserts the fields into the form application. 
    13. View in Browser: Opens a web browser to preview the application, similar to the application preview section.
    14. Help: Links to the FAB help site, which contains in-depth FAB documentation, release notes and demo scripts. 


    Step-by-step guide

    Accessing the workbench is done by:

    1. Navigating to the Command Bar

    2. Enter the workbench transaction code (/IQX/FAB) and select the green tick or hit enter

    Image Added

    Filter by label (Content by label)
    showLabelsfalse
    max5
    spacesIFAB
    showSpacefalse
    sorttitle
    typepage
    cqllabel in ("properties","howtoaccess","system-variables") and type = "page" and space = "IFAB"
    labelsFAB WORKBENCH transactions

    Page Properties
    hiddentrue


    Related issues