×

Please give details of the problem

Docs

Find

    Developer Guide

    1. Composite API Example
      1. Scripted Lanes
      2. Compound Organization Hierarchy
      3. Dynamic Lanes
      4. Delegation
      5. Access Rights
      6. Runtime Lanes
        1. Todo Validation
      1. Release Your User Login
      1. Collections To Array
      2. Collections To List
      3. Collections BackOffice
      4. Collection JS Freemarker
          1. Composite API Design Tab
          2. Composite API Configuration Tab
          1. Providers
          2. Connectors
          3. Processes
          1. Roles entities
          2. Organization
        1. Collections
          1. Project Files Tab
          2. Project Definition Tab
          3. Project Versioned Files Tab
          4. Project Version Tab
          5. Project Description Tab
          6. Version
          7. Project Rights Tab
          8. Project Collection Tab
          1. Web Interface JS Tab
          2. Web Interface Design Tab
            1. Image Widget
            2. FileUpload Widget
            3. StaticText Widget
            4. ProgressBar Widget
            5. TextInput Widget
            6. JavaScript Widget
            7. Section Widget
            8. Geolocation Widget
            9. Checkbox Widget
            10. RadioButton Widget
            11. Tree Widget
            12. Spinner Widget
            13. History Widget
            14. URLInput Widget
            15. Tab Widget
            16. List Widget
            17. Array Widget
            18. HTML Editor Widget
            19. Report Widget
            20. Button Widget
            21. Custom Widget
            22. Captcha Widget
            23. HTML Widget
            24. Multi Checkbox Widget
          3. Web Interface Analytics Tab
          4. Web Interface Collection Tab
          5. Web Interface Implementation Tab
          6. Web Interface API Tab
          7. Web Interface Stylesheet Tab
        2. Revision
        3. Custom Lists
          1. Process Variables Tab
          2. Process Measures Tab
              1. Process Timer Event
              2. Process Start Event
              3. Process Intermediary Event
            1. Gate
              1. Process Task Loop Tab
              2. Process Task Manual Tab
              3. Process Task Email Tab
              4. Process Task Connector Tab
              5. Process Task SubProcess Tab
              6. Process Task Functional Tab
              7. Process Task Script Tab
            2. Process Step Output Variables
            3. Process Step Testing Variables
            4. Process Step Input Variables
          3. Process General Tab
          4. Process Design
          5. Process Input Tab
        1. Home
        2. My Applications
        3. Files
      1. Customer Management
        1. Messages
        2. Scheduled Process
        1. Process Examples
        2. Connectors
        1. Users
        2. Configuration
        3. Usage
        1. Web Interface Reports
          1. Measuring
          2. Runtime Users
          3. Execution Path
          4. Parameters
        1. CSS Examples
        2. CSS Personalization
      1. Performance
        1. Logout
        2. Redirection ExecutionMode
        3. Information Tags
        4. Basket
        5. Menu Bar
        6. Header
        7. Custom Login Page
        8. Mobile Devices
          1. homepage.css
          2. homepage.js
        1. Inject JSONObject
        2. Google Tables
        3. ArrayJSON to JSONArray
        4. Label Modification
        5. Number Currency Format
        6. Launch Process JQuery
        7. Date
        8. JQuery
        9. Round
        10. Holidays
        11. Array From WS
        12. Column Inactivation
        13. Print JSONObject
        14. Initialization Widget Date
        15. Invalid Fields
        16. List Reinitialization
        1. Tags
        2. Dialog Window
        3. Dynamic List
        4. User Lane Picker
          1. Report Chart
          2. Google Visualization
          3. Chart Dashboard
          4. Chart Dashboard Collection
        5. API Listener
        6. JavaScript Report
        7. Retrieving Variables Values
        8. Collection
        9. File Preview
        10. Autocomplete Widget
        11. Summing Array
      1. Trigger
      2. Markdown Template
        1. Task Reminder Email
        2. JavaScript Inclusion
        3. PDF
        4. SubProcess
        5. Backloop
        6. Variable Mapping
        1. Salesforce Computation
        2. Number Currency Format
        3. List Hash Sequence
        4. JSONObject Creation
        5. Freemarker Container Test
        6. JSONObject Concatenation
        7. Metadata
        8. Special Freemarker Characters
        9. List 1000+ Objects
        10. Dynamic Variable
        11. File Visibility
        12. Number Test
        13. JSONObject Keys Values
        14. Lock
        15. JSONArray Conversion
        16. Error Handling
        17. Loop
        18. Array To List
      1. Process Reporting API
      1. Offline
      2. Mobile

    Web Interface Design Tab

    Allows you to define graphically the different screens of your web interface

    General

    In a web interface, you can create as many web pages as you want. Therefore a web interface allows you to group all screens (web pages) displayed to a user for a given process whether a screen is used to launch a process or used within a manual task.
    A widget is a component of a web interface (screen) : it can be, for instance, a text input or a button or an image....

    designer-plus-small Add
    This symbol allows you to add a widget on the designer screen. If you click on Add button located on the top left of a widget, it will add a new widget over the current one. If you click on Add button located on the bottom left of a widget, it will add a new widget under the current one. If you click on Add button located on the middle right of a widget, it will add a new widget on the right of the current one.

    designer-minus-small Delete
    This symbol allows you to delete a widget on the designer screen.

    designer-split-small Split a widget
    This symbol allows you to split a widget into two widgets (ie. build an HTML table or a grid). This symbol only appears if your widget has no type defined. Grid are very usefull for widgets' alignment

    resizeh resizevResize
    This symbol allows you to resize a widget on the designer screen.
    Horizontal resizing will impact the % size of the widget on the web interface.
    Vertical resizing will not have any effect on the web interface whatever the widget.

    Screen Zone

    A "Screen" is a web page : each Screen of a web interface is displayed in the same design tab according to the "Current screen" selection.
    In a given Screen, you will find all widgets defined for a web interface (ie. all widgets of all screens) but according to the state of each widget (see Rules Tab), they will be "Available" or/and "Active" or/and "Visible" or not.. This allows you to quickly design web interface where in each step you want to see previous informations and add new ones.

    Current screen
    Screen (web page) displayed in "Design" Tab

    add Add
    This symbol allows you to add a new screen (web page) to your web interface. Click on "Add" button, enter the name of the new screen and click on "Add a new screen" button.

    remove Delete
    This symbol allows you to delete the current screen of your web interface

    Launch screen
    "Launch screen" value can't be modified: it is set to "Yes" for the "Launch" screen (web page to launch a process : first screen of your web interface) if you have chosen "Launchable web interface", otherwise it is set to "No".

    Rename to
    Allows you to rename your current screen : modify text input and click on "Refresh" icon.

    Show all
    Allows you to display all widgets in Design Tab of current screen even if there are not "available" for the current screen.

    All available
    Allows you to set all widgets state of current screen to "Available" (see Rules Tab).

    All active
    Allows you to set all widgets state of current screen to "Active" (see Rules Tab).

    Widget Type (toolbar)

    Allows you to define the type of a widget (type of component defined by this widget): text input or button or image.
    To define or modify a widget type, click on the widget of the "designer screen" and then select the Type of component you want for this widget in the toolbar "Widget Type".
    In this toolbar, you will also find copy/paste function : to duplicate a widget, copy the original widget with copy button, create a new one thanks to designer-plus-small symbol, select this new widget and then click on action_paste button.

    Properties Tab

    According to the type of widget you have choosen, this tab allows you to define characteristics of your widget.

    See also:

    Layout Tab

    Borders
    Allows you to define borders on a selected widget. These borders will only be visible on your web page (when you launch your web interface) and not on your current RunMyProcess' design screen. Borders don't work in some versions of Internet Explorer.

    Text direction
    Allows you to define text direction "Default", "Left to right" or "Right to left" according to your language. It will override web interface "Text direction" choice of Implementation Tab if "Default" is not chosen.

    CSS class suffix
    Allows you to add a suffix to our standard widget style so as to use different styles for the same widget type : if you enter "mybutton" on a widget button, you will have to define in your stylesheet a property for ".gwt-Button-mybutton".

    Rules Tab

    Allows you to define state's rule (available/unavailable, active/inactive, visible/invisible) and validation or required rules for a widget without using Javascript functions

    • A widget can be "Available" or not (unavailable) for a given screen : for instance, a widget that should not be available in a web page.

    info No rule can be defined for "Availability" property.

    • A widget can be "Active" or not (disabled) for a given screen : for instance, an input text that can't be modified.

    • A widget can be "Visible" or not (invisible) for a given screen : for instance, a Javascript field that you don't want to display to the user.

    • An "input" widget can be "Valid" or not according to a condition : for instance, start_date > end_date.

    • An "input" widget can be "Required" or not according to a condition : for instance, if choice is negative, this field is mandatory.

    Rules for "Active", "Visible", "Valid" or "Required" should be entered like this : "[[myvar1]]"== "present" && [[myvar2]] != 1 where "myvar1" and "myvar2" are variables of widgets of your web page. If condition is met (result of script is a true boolean), field will be visible (or active or valid or required).

    info_1 All variables of a web page are considered as "string" except "Date and number input"

    info_2 If you define rules, they will be common to all screens of a given web interface whereas if no rule is defined, you can define on each screen which widget will be available/visible/active/required or not.