When we are in design mode and click on any part, it will highlight the section, as you can see in the following screenshot:
We can proceed to select a specific control within the section and choose to remove it:
If we select a FastTab, we can change the name, for example, to Customer.
When we click on the more button in the designer and select + Field, we will get a list of controls that can be added to the page, which we can drag and drop into the page:
![](https://static.packt-cdn.com/products/9781789137798/graphics/assets/6df56d54-fde6-4df3-ac8d-dfac08d9b258.png)
When we move the Name 2 field into the newly renamed Customer tab, we can drop it right under the Name field:
![](https://static.packt-cdn.com/products/9781789137798/graphics/assets/3be94ce4-c3f7-4ad3-a2b8-cde49d1750c5.png)
Once we have done all of the work that is feasible within the in-client designer, we will click on Stop designing. The in-client designer will ask for an Extension Name and Publisher. We will select Download Code and click Save, as shown in the following screenshot:
![](https://static.packt-cdn.com/products/9781789137798/graphics/assets/583b64ad-b4c6-4acb-af7d-255bc5333544.png)
In the web browser (in our case, Google Chrome), a downloaded ZIP file will pop up that we have to save somewhere on our local computer:
![](https://static.packt-cdn.com/products/9781789137798/graphics/assets/286a62ed-fbd1-4ddf-8776-8538b9290f37.png)
The next step...