Use of Portal component

Dear Alfredo,

Reading your request it seems that you want to have, in your application page, the same view that you see on the portal Task page, that has the list of available task and when you click on a task in the list you see the task form on the right hand. Correct?

You can have the available task form in your application simply adding some variables and widget. I assume here that you want Task for specific Process, but the same is valid for all process if you want with some modification.

In your application you should add a variable that ask available human task for the specific user currently logged:

taskList: eternal API:

../API/bpm/humanTask?p=0&c=20&f=assigned_id={{userLogged.user_id}}

where userLogged is the variable: userLogged: external API:

../API/system/session/1

the variable taskList contain all the human task available for that user. Now if you want only task for specific process/task you have to filter such variable (continue reading).

Now you have to insert a table widget that in the content property has such variable: taskList|filter{name:"takName"} <--- here you filter as you want. Changing filter you can choose to show only specific task instances
In the Selected row property you should link a string variable, for example: selectedTask: string.

In the table you'll see al available (filtered) human task. Selecting one row, You'll find task data in the variable selectedTask.

Now you have to extract the link that point to the form of the selected uman task. Just create a variable that is:
taskLink: javascript:

if ($data.selectedTask)
{
    var task = $data.selectedTask;
    return "/bonita/portal/form/taskInstance/"+ task.id;
} else
    return "#"

Here you have the link that point the selected human task form. You can just test this link using the link widget with custom url property set to taskLink variable.

Now If you want to see the form on the same page you have to put a livingApplicationFrameV4 widget that take the taskLink as Source. That's it!
Probably here You'll see the form in a scrollable fashion. Here you have to play a bit with CSS. Maybe someone on this forum can give us a hint, because I'm still trying to view the full form instead of the scrollable version.