docs: fields image upscale

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
This commit is contained in:
Raju Udava
2023-09-28 21:56:55 +05:30
parent 61594f0065
commit 2f4073ca1b
37 changed files with 15 additions and 13 deletions

View File

@@ -13,17 +13,17 @@ NocoDB offers a handy tool for easily managing the fields within a table. With t
2. Click on `Details` in the navbar
3. Select `Fields` tab
![Access](/img/v2/fields/editor/access.png)
![Access](/img/v2/fields/editor/editor-1.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.
3. Field will be added to the end of the list. You can reorder the fields as needed. You can add / update multiple fields in one go & save all at once.
4. Click `Save changes` button to save the changes.
![Add field](/img/v2/fields/editor/add-field.png)
![Add field](/img/v2/fields/editor/editor-2.png)
:::tip
- You can add / update/ delete multiple fields & save changes in one go.
@@ -35,10 +35,10 @@ On the Multi-field editor page,
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.
3. Updates to the field are recorded in the fields list view. You can add / update multiple fields in one go & save all at once.
4. Click `Save changes` button to save the changes.
![Edit field](/img/v2/fields/editor/edit-field.png)
![Edit field](/img/v2/fields/editor/editor-3.png)
:::tip
- You can add / update/ delete multiple fields & save changes in one go.
@@ -50,10 +50,12 @@ On the Multi-field editor page,
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.
3. Deletions in the table are recorded in the fields list view. You can delete multiple fields in one go & save all at once.
4. Click `Save changes` button to save the changes.
After all the changes are made, click `Save changes` button to save the changes.
![Delete field](/img/v2/fields/editor/field-context-menu.png)
![Delete field](/img/v2/fields/editor/editor-4.png)
:::tip
- You can add / update/ delete multiple fields & save changes in one go.
@@ -68,7 +70,7 @@ On the Multi-field editor page, use `drag-drop` handle to drag and drop the fiel
The changes will only be saved when you click `Save changes` button.
:::
![Reorder fields](/img/v2/fields/editor/reorder.png)
![Reorder fields](/img/v2/fields/editor/editor-7.png)
## Show / Hide fields
@@ -78,7 +80,7 @@ On the Multi-field editor page, use the `toggle` button next to the fields to sh
The changes will only be saved when you click `Save changes` button.
:::
![Show / Hide fields](/img/v2/fields/editor/show-hide.png)
![Show / Hide fields](/img/v2/fields/editor/editor-6.png)

View File

@@ -16,7 +16,7 @@ Fields context menu can be accessed by clicking on the dropdown icon (🔽) next
3. Enter new field name as required in the `Column Name` field.
4. Click on `Save Column` button.
![Rename field](/img/v2/fields/fields-edit.png)
![Rename field](/img/v2/fields/fields-edit-2.png)
#### Change field type
1. Open the field context menu
@@ -24,7 +24,7 @@ Fields context menu can be accessed by clicking on the dropdown icon (🔽) next
3. Select new field type from the `Column Type` dropdown.
4. Click on `Save Column` button.
![Change field type](/img/v2/fields/fields-type-edit.png)
![Change field type](/img/v2/fields/fields-edit-3.png)
#### Change default value
1. Open the field context menu
@@ -32,7 +32,7 @@ Fields context menu can be accessed by clicking on the dropdown icon (🔽) next
3. Enter new default value in the `Default Value` field. To disable, click on `x` icon.
4. Click on `Save Column` button.
![Change default value](/img/v2/fields/fields-default-value-edit.png)
![Change default value](/img/v2/fields/fields-edit-4.png)
### Change field width
To adjust the width of the field, hover over the field edge and drag to adjust the width.