Adding fields to new UI

Hello. Today I am gonna tell you how to add field to new UI
First of all you need to make ts extension to default ts file of the page where you want to add new fields. In my case it would be RQ301000
I will name it rq301000-ext.ts
I want to add 2 fields to the RQRequestLine grid and 4 fields to RQRequest tables
my ts file will look like this
import { PXActionState, PXFieldOptions, PXFieldState} from "client-controls";

So I am making extension to 2 tables: RQRequestLine and RQRequest
PXFieldOptions.Disabled - responsible to make field disable by default what could be helpful if you don’t want to user be able to change this value manually
PXFieldOptions.Multiline - responsible for making field multilineble and you could extend height of this field as far as you need

Then you need to make extension to html file of the page
In my case it’s gonna be RQ301000_Ext with next code

To display field on UI you need to specify id of grid(as in first case) or id on column(as in second case) or id of any other element where you want to have field and specify name of field after what you want to display your custom fieldt
After that you need to run next command

npm run build-dev --- --env screenIds=RQ301000 or with screen id that you modifying
Result

Also you can you append property to add field to the end of some componen

Code: 

Result: