# Create a new text field in form

**URL:** <https://forum.flowable.org/t/create-a-new-text-field-in-form/4591>\
**Category:** Flowable Engine\
**Created:** [September 27, 2019, 12:37pm UTC](https://forum.flowable.org/t/create-a-new-text-field-in-form/4591 "2019-09-27T12:37:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![sagar](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@sagar](https://forum.flowable.org/u/sagar)\
**Post date:** [September 27, 2019, 12:37pm UTC](https://forum.flowable.org/t/create-a-new-text-field-in-form/4591/1 "2019-09-27T12:37:47Z")

</div>

Hi all,

My question is on the flowable form to create a new field.

How we can modify the form component and its property and what are the ways to modify it?

I want to configure a new group property (field) in the text form so that when I retrieve the form I can differentiate the fields by a group.

Please find the below screenshot in which I have added a group field for presentation.

 ![Selection_002](https://canada1.discourse-cdn.com/flex035/uploads/flowable/original/2X/3/35504c5cc3e0ce0d2a141333488dd9d9fb46bcd3.png)

Can someone guide me on how to do it using programmatically?

Thanks in advance,  
Sagar

---

<div class="post-metadata">

**Author:** ![DarkStar1](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.flowable.org/darkstar1/32/394_2.png) [@DarkStar1](https://forum.flowable.org/u/DarkStar1)\
**Post date:** [October 3, 2019, 11:44am UTC](https://forum.flowable.org/t/create-a-new-text-field-in-form/4591/2 "2019-10-03T11:44:18Z")

</div>

Create a new following maven project with the following dependencies. (Note that the tomcat dependency is just so that you’re able to run it in an embedded tomcat for development so not really needed)

```auto
<dependencies>
	<dependency>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-tomcat</artifactId>
		<scope>provided</scope>
	</dependency>
	<dependency>
		<groupId>org.flowable</groupId>
		<artifactId>flowable-ui-modeler-app</artifactId>
		<version>${flowable.version}</version>
		<type>war</type>
	</dependency>
</dependencies>

```

This brings in the ui-modeler app as a WAR dependency of your project. You then need to add the following **build configuration** to the pom:

```auto
<build>
    <plugins>
        <plugin>
	    <groupId>org.apache.maven.plugins</groupId>
	    <artifactId>maven-war-plugin</artifactId>
	    <version>3.2.3</version>
	    <configuration>
		 <overlays>
			 <overlay>
				 <groupId>org.flowable</groupId>
				 <artifactId>flowable-ui-modeler-app</artifactId>
				 <type>war</type>
				 <excludes>
					 <exclude>WEB-INF/classes/static/*</exclude>
				 </excludes>
			 </overlay>
		 </overlays>
	    </configuration>
	 </plugin>
    </plugins>
</build>

```

which essentially tells maven, which files/folders to overlay in the original WAR with your modifications.  
Then copy [this folder](https://github.com/flowable/flowable-engine/tree/master/modules/flowable-ui-modeler/flowable-ui-modeler-app/src/main/resources) to the same location in your project.  
That should allow you to modify the ui modeler to your needs.  
(Note that I might be missing some configuration details but not sure at the moment as mine has a lof of other