How to get advanced UI?

[Oleg Efimov]

Hello, everyone,

I'm trying to get some attractive-looking UI of jBPM 6.0 Form Modeler -- real life processes usually require that. Here I'm using PrimeFaces components as examples.

1. Controls

Controls, provided out of the box, are rather basic (text, number, date)... Is it possible to plug in or at least to develop advanced components? Like:

• http://www.primefaces.org/showcase/ui/input/oneMenu.xhtml
• http://www.primefaces.org/showcase/ui/input/oneRadio.xhtml
• http://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml
• http://www.primefaces.org/showcase/ui/data/treetable/basic.xhtml

2. Layout

Again, OOTB layout is ok for trivial cases. Advanced must-haves:

• http://www.primefaces.org/showcase/ui/panel/tabView.xhtml
• http://www.primefaces.org/showcase/ui/panel/accordionPanel.xhtml

3. Conditional Rendering

Very often you need to show/hide some field (or even an entire section of fields) based on process context or even on current user input.

E.g. there is a field on a form 'Marital Status', and in case 'Married' is selected, section 'Spouse Details' should show itself.

4. Validation

Real life process validation includes cases like "this date must not be in the past" or "this date must not be before that date". Is there some mechanism for custom validation?

5. Modal Dialogs

Sometimes you need to show/ask user for something, using a modal dialog:

• http://www.primefaces.org/showcase/ui/overlay/dialog/basic.xhtml

[Eric Allen]

Hi Oleg,

Have you managed to find an answer to any of this? I am particularly interested in conditional rendering as well.

Thanks,

Eric

[Mauricio Salatino]

Hi Guys, Forms are pluggable, so it means that you can define your forms using the mechanism that fits better to you.

For example if you really want really advanced UIs I would recommend to create them by coding them to suit your specific needs. Even google forms has limitations, and there is no such silver bullet tool that can fit all the cases IMO.

Regards

[Oleg Efimov]

Hi Eric,

The only solution I found is to use separate UI framework (Vaadin, JSF, ...).

Cheers,

Oleg.

[Melissa Palmer]

Hi

We would like to hide/show different sections of the UI depending on options user have selected. For example say for a travel booking. Option Yes/No are others traveling with you. If Yes selected then user is shown a multi select box listing uses they are traveling with to select from.

Is the recomendation to use pluggable customised forms to do this?

Is there a way keep these linked into the form builder?

Are there any examples/tutorials on how to do the above out there that you would recomend?

Thanks, in advance

Melissa