nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

New components for Form Properties

marc_carrio

Hi,

I'm migrating Forms of my old process in Activiti < 5.7 to Form Properties (5.7), but I need more components… like this, textarea, radio button… :?

Further I have 20 fields in my Form, and I need put in two colums for being useful.

My question are if you think work more in Form Properties in the next future, or if is better that I work in this now. I would not do useless work, because you develop better than me

If not, can you tell me what strategy and classes for change? :roll:

Thanks a lot!!

Find more posts tagged with

Comments

trademak

Right. We're not planning Form properties enhancements for the next releases. So if you would like to contribute this that would be great.
In the source code you can look at the current form types implemented, which are for example BooleanFormType and StringFormType.

Best regards,

marc_carrio

Thanks trademak!!

I'm creating the textArea component,

I create the Class TextAreaFormType in activiti-engine

package&nbsp;org.activiti.engine.impl.form;public&nbsp;class&nbsp;TextAreaFormType&nbsp;extends&nbsp;AbstractFormType&nbsp;{&nbsp;&nbsp;public&nbsp;String&nbsp;getName()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;"textarea";&nbsp;&nbsp;}&nbsp;&nbsp;public&nbsp;String&nbsp;getMimeType()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;"text/plain";&nbsp;&nbsp;}&nbsp;&nbsp;public&nbsp;Object&nbsp;convertFormValueToModelValue(String&nbsp;propertyValue)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;propertyValue;&nbsp;&nbsp;}&nbsp;&nbsp;public&nbsp;String&nbsp;convertModelValueToFormValue(Object&nbsp;modelValue)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(String)&nbsp;modelValue;&nbsp;&nbsp;}}&nbsp;

and the class TextAreaFormPropertyRenderer in activiti-webapp-explorer2

package&nbsp;org.activiti.explorer.ui.form;import&nbsp;org.activiti.engine.form.FormProperty;public&nbsp;class&nbsp;TextAreaFormPropertyRenderer&nbsp;extends&nbsp;AbstractFormPropertyRenderer&nbsp;{&nbsp;&nbsp;public&nbsp;TextAreaFormPropertyRenderer()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;super(TextAreaFormType.class);&nbsp;&nbsp;}&nbsp;&nbsp;@Override&nbsp;&nbsp;public&nbsp;Field&nbsp;getPropertyField(FormProperty&nbsp;formProperty)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;TextArea&nbsp;textArea&nbsp;=&nbsp;new&nbsp;TextArea(getPropertyLabel(formProperty));&nbsp;&nbsp;&nbsp;&nbsp;textArea.setRequired(formProperty.isRequired());&nbsp;&nbsp;&nbsp;&nbsp;textArea.setEnabled(formProperty.isWritable());&nbsp;&nbsp;&nbsp;&nbsp;textArea.setRequiredError(getMessage(Messages.FORM_FIELD_REQUIRED,&nbsp;getPropertyLabel(formProperty)));&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(formProperty.getValue()&nbsp;!=&nbsp;null)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;textArea.setValue(formProperty.getValue());&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;textArea;&nbsp;&nbsp;}}&nbsp;

and the initialitzacion method in ProcessEngineConfigurationImpl

&nbsp;&nbsp;protected&nbsp;void&nbsp;initFormTypes()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(formTypes==null)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes&nbsp;=&nbsp;new&nbsp;FormTypes();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(new&nbsp;StringFormType());&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(new&nbsp;TextAreaFormType());&nbsp;//&nbsp;<<<<&nbsp;NEW&nbsp;LINE&nbsp;FOR&nbsp;TEXTAREA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(new&nbsp;LongFormType());&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(new&nbsp;DateFormType("dd/MM/yyyy"));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(new&nbsp;BooleanFormType());&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(customFormTypes!=null)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(AbstractFormType&nbsp;customFormType:&nbsp;customFormTypes)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formTypes.addFormType(customFormType);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;

I compiled with maven the activiti-engine and activiti-explorer correctly.

I deployed a process with textarea form property, and the tomcat display the next exception:

27-sep-2011 12:36:36 com.vaadin.Application terminalError
GRAVE: Terminal error:
com.vaadin.event.ListenerMethod$MethodException
Cause: com.vaadin.event.ListenerMethod$MethodException
Cause: org.activiti.engine.ActivitiException: No property renderer found for type: textarea, class org.activiti.engine.impl.form.TextAreaFormType
        at com.vaadin.event.ListenerMethod.receiveEvent(ListenerMethod.java:510)
        at com.vaadin.event.EventRouter.fireEvent(EventRouter.java:164)
        at com.vaadin.ui.AbstractComponent.fireEvent(AbstractComponent.java:1193)
        at com.vaadin.ui.Button.fireClick(Button.java:539)
        at com.vaadin.ui.Button.changeVariables(Button.java:206)
        at com.vaadin.terminal.gwt.server.AbstractCommunicationManager.handleVariableBurst(AbstractCommunicationManager.java:1299)
        at com.vaadin.terminal.gwt.server.AbstractCommunicationManager.handleVariables(AbstractCommunicationManager.java:1219)
        at com.vaadin.terminal.gwt.server.AbstractCommunicationManager.doHandleUidlRequest(AbstractCommunicationManager.java:735)
        at com.vaadin.terminal.gwt.server.CommunicationManager.handleUidlRequest(CommunicationManager.java:296)
        at com.vaadin.terminal.gwt.server.AbstractApplicationServlet.service(AbstractApplicationServlet.java:501)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
        at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)
        at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)
        at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)
        at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
        at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
        at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:298)
        at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:859)
        at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:588)
        at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:489)
        at java.lang.Thread.run(Thread.java:662)
Caused by: com.vaadin.event.ListenerMethod$MethodException
Cause: org.activiti.engine.ActivitiException: No property renderer found for type: textarea, class org.activiti.engine.impl.form.TextAreaFormType
        at com.vaadin.event.ListenerMethod.receiveEvent(ListenerMethod.java:510)
        at com.vaadin.event.EventRouter.fireEvent(EventRouter.java:164)
        at com.vaadin.ui.AbstractComponent.fireEvent(AbstractComponent.java:1193)
        at com.vaadin.ui.AbstractField.fireValueChange(AbstractField.java:891)
        at com.vaadin.ui.AbstractField.setValue(AbstractField.java:529)
        at com.vaadin.ui.AbstractSelect.setValue(AbstractSelect.java:666)
        at com.vaadin.ui.AbstractSelect.setValue(AbstractSelect.java:635)
        at com.vaadin.ui.Table.setValue(Table.java:1852)
        at com.vaadin.ui.AbstractSelect.select(AbstractSelect.java:1377)
        at org.activiti.explorer.ui.AbstractTablePage.selectElement(AbstractTablePage.java:104)
        at org.activiti.explorer.ui.task.TaskPage.initUi(TaskPage.java:71)
        at org.activiti.explorer.ui.AbstractPage.attach(AbstractPage.java:43)
        at com.vaadin.ui.AbstractComponent.setParent(AbstractComponent.java:570)
        at com.vaadin.ui.AbstractComponentContainer.addComponent(AbstractComponentContainer.java:211)
        at com.vaadin.ui.CssLayout.addComponent(CssLayout.java:93)
        at org.activiti.explorer.ui.mainlayout.MainLayout.setMainContent(MainLayout.java:60)
        at org.activiti.explorer.ui.MainWindow.switchView(MainWindow.java:79)
        at org.activiti.explorer.DefaultViewManager.switchView(DefaultViewManager.java:272)
        at org.activiti.explorer.DefaultViewManager.showInboxPage(DefaultViewManager.java:162)
        at org.activiti.explorer.ui.mainlayout.MainMenuBar$ShowTasksClickListener.buttonClick(MainMenuBar.java:191)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
        at java.lang.reflect.Method.invoke(Method.java:597)
        at com.vaadin.event.ListenerMethod.receiveEvent(ListenerMethod.java:490)
        … 22 more
Caused by: org.activiti.engine.ActivitiException: No property renderer found for type: textarea, class org.activiti.engine.impl.form.TextAreaFormType
        at org.activiti.explorer.ui.form.FormPropertyRendererManager.getPropertyRendererForType(FormPropertyRendererManager.java:56)
        at org.activiti.explorer.ui.form.FormPropertiesComponent.getRenderer(FormPropertiesComponent.java:123)
        at org.activiti.explorer.ui.form.FormPropertiesComponent.setFormProperties(FormPropertiesComponent.java:67)
        at org.activiti.explorer.ui.form.FormPropertiesForm.setFormProperties(FormPropertiesForm.java:75)
        at org.activiti.explorer.ui.task.TaskDetailPanel.initTaskForm(TaskDetailPanel.java:297)
        at org.activiti.explorer.ui.task.TaskDetailPanel.init(TaskDetailPanel.java:118)
        at org.activiti.explorer.ui.task.TaskDetailPanel.attach(TaskDetailPanel.java:99)
        at com.vaadin.ui.AbstractComponent.setParent(AbstractComponent.java:570)
        at com.vaadin.ui.AbstractComponentContainer.addComponent(AbstractComponentContainer.java:211)
        at com.vaadin.ui.GridLayout.addComponent(GridLayout.java:223)
        at org.activiti.explorer.ui.AbstractPage.setDetailComponent(AbstractPage.java:137)
        at org.activiti.explorer.ui.task.TaskPage.access$0(TaskPage.java:1)
        at org.activiti.explorer.ui.task.TaskPage$1.valueChange(TaskPage.java:118)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
        at java.lang.reflect.Method.invoke(Method.java:597)
        at com.vaadin.event.ListenerMethod.receiveEvent(ListenerMethod.java:490)
        … 46 more

I supose that I forget some class… but I don't know… Can you help me?

Thanks!!

trademak

Hi,

I think you are missing only one piece of configuration. You have to add the FormPropertyRenderer to the following list in the src/main/webapp/WEB-INF/activiti-ui-context.xml file of the activiti-webapp-explorer2 project:

<!&ndash; Custom form property renderers can be plugged in here &ndash;><br>&nbsp; <bean id="formPropertyRendererManager" class="org.activiti.explorer.ui.form.FormPropertyRendererManager" lazy-init="true"><br>&nbsp;&nbsp;&nbsp; <!&ndash; Default renderer &ndash;><br>&nbsp;&nbsp;&nbsp; <property name="noTypePropertyRenderer"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.StringFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp; </property><br>&nbsp;&nbsp;&nbsp; <!&ndash; Renderers by property type &ndash;><br>&nbsp;&nbsp;&nbsp; <property name="propertyRenderers"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <list><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.StringFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.EnumFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.LongFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.DateFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.UserFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <bean class="org.activiti.explorer.ui.form.BooleanFormPropertyRenderer" /><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </list><br>&nbsp;&nbsp;&nbsp; </property><br>&nbsp; </bean>

Best regards,

marc_carrio

Brillant!! It works Fine!!!

Thanks a lot for your suport. I will work in the new components catalog!

Best Regards,

marc_carrio

Hi,

I need a new complex component. Search product. I think that maybe the better is a button that opens a popup and put the result in a table. But this table needs erase products if is necessary.

Do you think is possible with Form Properties and Vaadin components? any idea for start?

thanks a lot!

Best Regards,

trademak

Sure, just look at the UserComponent that's already available in the Activiti Explorer.
That also shows a popup and it pretty complex.

Best regards,

marc_carrio

The UserComponent is the best example and good template to start the work, but i don't know if can put a "complex component" in a Form… because Forms uses Fields and don't Components…

public abstract Field getPropertyField(FormProperty formProperty);
Do you think that I can solve this problem with Form Properties?

Thanks and best regards

trademak

Hi,

You can work with process variables that can be as complex as you want.
For the form properties themselves, you always have to transform them to and from String values. So there the possibilities are more limited.

Best regards,

marc_carrio

Hi,

If I use process variables, the table out of Form Properties… the problem we have is that this table is not for all processes, and therefore the process should be defined the fields, popup and other casuistics…

In short, how can I make a custom table from the process definition (Form properties or other)?

- Should I use a FormLayout CustomLayout by allowing components?
- I make a new "Form properties extended" with new tags and all that entails?
- Or resigns

Thank you and good weekend!

frederikherema1

You should just expose the FIeld-interface on the component you write, and the field should be a Widget, that is. Look at the UserComponent for an example.

marc_carrio

Ok,

but…

First, the UserComponent, is the table used for admin the groups?

org.activiti.explorer.ui.management.identity.UserDetailPanel

&nbsp; protected void initGroups() {<br>&nbsp;&nbsp;&nbsp; HorizontalLayout groupHeader = new HorizontalLayout();<br>&nbsp;&nbsp;&nbsp; groupHeader.setWidth(100, UNITS_PERCENTAGE);<br>&nbsp;&nbsp;&nbsp; groupHeader.setSpacing(true);<br>&nbsp;&nbsp;&nbsp; groupHeader.setMargin(false, false, true, false);<br>&nbsp;&nbsp;&nbsp; groupHeader.addStyleName(ExplorerLayout.STYLE_DETAIL_BLOCK);<br>&nbsp;&nbsp;&nbsp; addDetailComponent(groupHeader);<br>&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; initGroupTitle(groupHeader);<br>&nbsp;&nbsp;&nbsp; initAddGroupsButton(groupHeader);<br>&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; groupLayout = new HorizontalLayout(); // we wrap the table in a simple layout so we can remove the table easy later on<br>&nbsp;&nbsp;&nbsp; groupLayout.setWidth(100, UNITS_PERCENTAGE);<br>&nbsp;&nbsp;&nbsp; addDetailComponent(groupLayout);<br>&nbsp;&nbsp;&nbsp; initGroupsTable();<br>&nbsp; }

Second, the Field-interface needs implements 80 methods, and don't stand the layouts and components that uses UserComponent example. I want to be sure that this is the correct way, because i don't know if I understand all good. Because I think that is a bit complicated…

Thanks a lot for all your support, best regards,

Marc

frederikherema1

I meant the SelectUserField -> this is a form-property that allows you to select a user…

marc_carrio

Much better!

I test with this! thanks a lot!

Marc