docs: fields editor

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/noco-docs/docs/070.fields/050.fields-editor.md

@@ -0,0 +1,87 @@
+---
+title: "Multi-Field Editor"
+description: "Understanding use of multi-field editor in NocoDB!"
+tags: ['fields', 'fields editor']
+keywords : ['NocoDB fields editor', 'fields editor', 'fields editor in nocoDB', 'fields editor in nocoDB']
+---
+
+NocoDB offers a handy tool for easily managing the fields within a table. With this tool, you can add, modify, rename, arrange, or hide fields efficiently. It's particularly useful when creating a new table structure or making changes to an existing one.
+
+## Accessing the Multi-Field Editor
+
+1. Navigate to the table you wish to edit
+2. Click on `Details` in the navbar
+3. Select `Fields` tab
+  
+![Access](/img/v2/fields/editor/access.png)
+
+## Adding fields
+
+On the Multi-field editor page, 
+1. Click on `Add Field` button to add a new field.
+2. Enter the field name and select the field type; configure default value (optional).
+3. Click `Save changes` button to save the changes.
+4. Field will be added to the end of the list. You can reorder the fields as needed.
+
+![Add field](/img/v2/fields/editor/add-field.png)
+
+:::tip
+- You can add / update/ delete multiple fields & save changes in one go.
+- Use `Restore` to discard edits to a particular field. Use `Reset` to discard all active changes on multi-field editor.
+:::
+
+## Editing fields
+
+On the Multi-field editor page,
+1. Click on the field you wish to edit.
+2. Make the necessary changes in the `Edit Field` modal. You can update the field name, type, default value, and other attributes.
+3. Click `Save changes` button to save the changes.
+4. Field will be updated in the list. 
+  
+![Edit field](/img/v2/fields/editor/edit-field.png)
+
+:::tip
+- You can add / update/ delete multiple fields & save changes in one go.  
+- Use `Restore` to discard edits to a particular field. Use `Reset` to discard all active changes on multi-field editor.
+:::
+
+## Deleting fields
+
+On the Multi-field editor page,
+1. Hover over the field you wish to delete, select `...` icon to open context menu
+2. Click on `Delete` option to delete the field.
+
+After all the changes are made, click `Save changes` button to save the changes.
+
+![Delete field](/img/v2/fields/editor/field-context-menu.png)
+
+:::tip
+- You can add / update/ delete multiple fields & save changes in one go.
+- Use `Restore` to discard edits to a particular field. Use `Reset` to discard all active changes on multi-field editor.
+:::
+
+## Reordering fields
+
+On the Multi-field editor page, use `drag-drop` handle to drag and drop the fields to reorder them.
+
+:::note
+The changes will only be saved when you click `Save changes` button.
+:::
+
+![Reorder fields](/img/v2/fields/editor/reorder.png)
+
+## Show / Hide fields
+
+On the Multi-field editor page, use the `toggle` button next to the fields to show or hide them.
+
+:::note
+The changes will only be saved when you click `Save changes` button.
+:::
+
+![Show / Hide fields](/img/v2/fields/editor/show-hide.png)
+
+
+
+
+
+