Let’s change the length of the data field text boxes to match the expected text length. Go back to the Designer, and navigate to Order Form / c100 / dv100 / editForm1 / c1 – Orders node. Right-click the node and press Show All Data Fields.
![List option in Code On Time Explorer List option in Code On Time Explorer](/blog/2012/03/orders-resizing-data-fields/image02.png)
This will take you to the list of data fields. Mouse over the field Freight, click on the dropdown arrow, and press Edit.
![Context Menu on the Freight field Context Menu on the Freight field](/blog/2012/03/orders-resizing-data-fields/image04.png)
Enter “5” in the Cols property, press Save to save the data field.
![Changing the size of data field Changing the size of data field](/blog/2012/03/orders-resizing-data-fields/image06.png)
Also change the following data fields:
Field Name | Cols |
ShipName | 30 |
ShipAddress | 30 |
ShipCity | 30 |
ShipRegion | 30 |
ShipPostalCode | 30 |
ShipCountry | 30 |
![Column Length modified for Ship Data Fields Column Length modified for Ship Data Fields](/blog/2012/03/orders-resizing-data-fields/image08.png)
Press Generate, and wait for the page to load. Start editing any order, and you will see that the data fields have been resized.
![Order Form with resized shipping data fields Order Form with resized shipping data fields](/blog/2012/03/orders-resizing-data-fields/image10.png)