4 Replies Latest reply on Aug 12, 2014 3:09 AM by melissapalmer

    How to get advanced UI?

    oefimov
    oefimov Jun 20, 2014 10:09 AM

      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:

      2. Layout

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

       

      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:

        • 1. Re: How to get advanced UI?
          ericallen13
          ericallen13 Jul 17, 2014 5:01 PM (in response to oefimov)

          Hi Oleg,

           

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

           

          Thanks,

           

          Eric

            • Actions
          • 2. Re: How to get advanced UI?
            salaboy21
            salaboy21 Jul 17, 2014 5:05 PM (in response to ericallen13)

            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

              • Actions
            • 3. Re: How to get advanced UI?
              oefimov
              oefimov Jul 18, 2014 5:48 AM (in response to ericallen13)

              Hi Eric,

               

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

               

              Cheers,

              Oleg.

                • Actions
              • 4. Re: How to get advanced UI?
                melissapalmer
                melissapalmer Aug 12, 2014 3:09 AM (in response to salaboy21)

                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

                  • Actions