Skip to main content

Getting Started

To access Flowable Work you need to type in the navigation URL into your browser. Once the page is loaded, the login page appears.

note

Your system administrator should provide you with the URL. The URL is typically something like https://<hostmachine>:<port>/flowable-work/.

13 login

In order to log in, you need to type in your login and password on the form and click on the Submit button.

13 login filled

User Interface

This is the main Flowable Work web interface that appears after logging in:

20 flowable work ui regions

Side Panel

The side panel contains the main navigation of Flowable Work. It helps you to orient yourself within the application.

21 side panel

On the top you can find the New button. It allows you to create work items (cases or processes).

The next button is Work. When clicking on it, you are routed to your work Inbox, that displays all your work items. It also expands the Work menu to show different submenu items. Each of the submenu items is configured to only display a specific subset of work items in your inbox, e.g., show only work items where you are involved or show only completed work items. For more information see the section Work.

Below the Work button is the Tasks button. When clicking on the button you are routed to your task Inbox, which displays all your tasks. It also expands the Tasks menu to show different submenu items. Each of the submenu items is configured to only display a specific subset of tasks in your inbox, e.g., show only tasks where you are involved or show only tasks that are not assigned to anybody. For more information see the section Tasks.

In the Contacts section you can manage your contacts, e.g., you can find the details of the user profiles with which you can interact. To discover all features of the contact management have a look at the chapter about Contacts.

The Reports section lets you access a dashboard that provides a quick overview of application usage. If you want to know more see Reports.

note

Depending on the configuration of your web application and the individual user permissions, you may only see some of the menu items in the side panel.

note

Besides the default menu, other applications of the Flowable Portfolio can be integrated into the user interface.

Inbox Panel

The inbox panel has two main areas: a search box and a list section. In the list section items that match the selected criteria from the selected option of the side panel combined with the typed search characters are shown. For example, if you select Work and For me in the submenu, you only see work items where you are involved.

22 inbox panel

tip

You can resize the inbox panel to make it wider by placing your mouse in the dividing line between the inbox and the details panel until it changes to a horizontal resize one, then click and resize to your liking.

22 inbox panel resize

At the top of the inbox, you can find a search field that lets you search by name in the displayed list and a refresh button. You can type the full name or even a part of it. To clear your search, press the X button.

22 inbox search

Details Panel

The details panel shows the information on the selected item from the inbox panel, letting you overview all case related data, interact with a form if there is one, view the different steps of a process, etc. You can find more information about each variant of the details panel in the specific sections: Work details panel, Task details panel, Contacts details panel.

23 details panel

Create New Items

The New function lets you create a new Work, Task or Contact item.

30 new button

When clicked, a dialog opens in the middle on the screen to select which item you want to create:

30 new modal

New Work

The New function lets you create new a Work, Task, or Contact item.

30 new button

When clicked, a dialog opens in the middle of the screen to select which item you want to create:

30 new modal

If the first option Work is chosen, the list of available cases and processes are shown, grouped by Flowable App, letting you select which one you want to create. The list is scrollable using your mouse wheel and contains a search box to search by name. You can also collapse app sections for better reading.

31 new create work

After selecting which work item you want to create, if there is an init form associated to the work item, it would open as a new dialog showing the form so that you can enter the initial values for it, for example:

31 new work init form

After filling the init form (if there is one), the navigation would take you to the corresponding section of the side panel according to the item you have created, have it selected in the inbox panel, and it is shown in the details panel.

31 new work after creation

New Tasks

The New function lets you create new a Work, Task, or Contact item.

30 new button

When clicked, a dialog opens in the middle of the screen to select which item you want to create:

30 new modal

If the second option Tasks is chosen, the window for creating a new Ad hoc task appears with a simple form that you need to fill to create it. Only the name is required, as it serves to identify the task in the tasks list. The other two optional fields are Assignee, in case you want to assign the task to a particular member of your organization, and Description, which you can use to describe what the task involves, and what needs to be accomplished for someone to complete the task. Once you have filled the fields, you can press the Submit button to create it. At any time you can click on Cancel and the task is not created.

32 tasks create new adhoc task

tip

You can use some Markdown features to format the description message.

After creating the ad hoc task, the Task main option is selected, and the task is shown in the inbox list, and its details are shown in the details panel. The description of an ad hoc task is displayed below its title.

32 tasks created adhoc task details

New Contacts

The New function lets you create new a Work, Task, or Contact item.

30 new button

When clicked, a dialog opens in the middle of the screen to select which item you want to create:

30 new modal

If the third option Contacts is chosen, a window appears which lets you select the profile (also called technically user definition) of the user you want to create. The profile of the contact determines which functions he can access and perform.

62 contacts create new profiles

After selecting the profile, the window shows the fields needed for creating the contact. Mandatory fields are marked with a red asterisk (*) and the fields that are shown are determined by the profile that was selected. For example, to create an external client, you need to select a Client advisor for him. Once you have filled in all mandatory fields, you can press the Submit button.

62 contacts create new fields

After creating the contact, the window closes, the Contacts main option is selected in the side panel, and your recently created contact is loaded into the details pane.

61 contacts created new details