×

Please give details of the problem

Docs

Find

    Developer Guide

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

    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.