docs: fields

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

packages/noco-docs/docs/060.fields/030.field-types/010.text-based/040.phonenumber.md

@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 5. [**Optional**] Set default value for the field.
 6. Click on `Save Column` button.
 
-![image](/img/v2/fields/phone-number.png)
+![image](/img/v2/fields/phone.png)
 
 :::note
 - Specify default value without quotes.

packages/noco-docs/docs/060.fields/030.field-types/020.numerical/020.decimal.md

@@ -4,6 +4,8 @@ title: 'Decimal'
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
+`Decimal` field type is used to store decimal values. Use cases include storing `salary`, `price`, etc. NocoDB supports precision of upto 8 digits.
+
 ## Create field
 1. Click on `+` icon to the right of `Fields header`
 2. [**Optional**] On the dropdown modal, enter the field name.

packages/noco-docs/docs/060.fields/030.field-types/020.numerical/030.percent.md

@@ -4,6 +4,8 @@ title: 'Percent'
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
+`Percent` field type is used to store percentage values. Use cases include storing `discount`, `tax`, etc.
+
 ## Create field
 1. Click on `+` icon to the right of `Fields header`
 2. [**Optional**] On the dropdown modal, enter the field name.

packages/noco-docs/docs/060.fields/030.field-types/030.select-based/010.single-select.md

@@ -0,0 +1,47 @@
+---
+title: 'Single Select'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Single select` fields allow you to select a single option from a list of options. The options can be defined in the field configuration.
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `SingleSelect` from the dropdown.
+4. Click on `Add option` button to add options.
+5. [**Optional**] Set default value for the field. The options are populated in the dropdown.
+6. Click on `Save Column` button.
+
+![image](/img/v2/fields/single-select.png)
+
+## Edit options
+
+### Rename options
+You can rename options by clicking on the associated option text box. Click on `Save Column` button to save the changes.
+
+### Re-configure color for options
+You can re-configure background color for each option. This is useful when you want to highlight certain options. For example, you can configure `High` option to have `red` background color.
+To configure, click on the `color` icon next to the option. Select the color from the color picker and click on `Save Column` button.
+
+![image](/img/v2/fields/single-select-color.png)
+
+### Re-order options
+You can re-order options by dragging and dropping the options. To re-order, click on the `drag` icon next to the option and drag it to the desired position. Click on `Save Column` button to save the order.
+
+![image](/img/v2/fields/single-select-reorder.png)
+
+:::info
+The order defined for the options will be used in cells dropdown as well.
+:::
+
+### Delete options
+You can delete options by clicking on the `x` icon next to the option. You can undo the delete by clicking on the `undo` icon next to the option. Click on `Save Column` button to save the changes.
+
+:::info
+- On removing an option, the option value will be removed from all the cells.   
+- If the option value is set as default value for the field, then the default value will be removed.
+:::
+
+![image](/img/v2/fields/single-select-delete.png)

packages/noco-docs/docs/060.fields/030.field-types/030.select-based/020.multi-select.md

@@ -0,0 +1,47 @@
+---
+title: 'Multi Select'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Multi Select` fields allow you to select multiple options from a list of options. The options can be defined in the field configuration.
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `MultiSelect` from the dropdown.
+4. Click on `Add option` button to add options.
+5. [**Optional**] Set default value for the field. The options are populated in the dropdown. Since its multi select, you can select multiple options as default value.
+6. Click on `Save Column` button.
+
+![image](/img/v2/fields/multi-select.png)
+
+
+### Configure color for options
+You can re-configure background color for each option. This is useful when you want to highlight certain options. For example, you can configure `High` option to have `red` background color.
+To configure, click on the `color` icon next to the option. Select the color from the color picker and click on `Save Column` button.
+
+![image](/img/v2/fields/single-select-color.png)
+
+### Re-order options
+You can re-order options by dragging and dropping the options. To re-order, click on the `drag` icon next to the option and drag it to the desired position. Click on `Save Column` button to save the order.
+
+![image](/img/v2/fields/single-select-reorder.png)
+
+:::info
+The order defined for the options will be used in cells dropdown as well.
+:::
+
+### Edit options
+You can rename options by clicking on the associated option text box. Click on `Save Column` button to save the changes.
+
+### Delete options
+You can delete options by clicking on the `x` icon next to the option. You can undo the delete by clicking on the `undo` icon next to the option. Click on `Save Column` button to save the changes.
+
+:::info
+- On removing an option, the option value will be removed from all the cells.
+- If the option value is set as default value for the field, then the default value will be removed.
+:::
+
+![image](/img/v2/fields/single-select-delete.png)
+

packages/noco-docs/docs/060.fields/030.field-types/030.select-based/090.single-select.md

@@ -1,5 +0,0 @@
----
-title: 'Single Select'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

packages/noco-docs/docs/060.fields/030.field-types/030.select-based/100.multi-select.md

@@ -1,5 +0,0 @@
----
-title: 'Multi Select'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/010.links.md

@@ -0,0 +1,34 @@
+---
+title: 'Links'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+`Links` field type is used to establish relationship between tables & create links to other records. 
+NocoDB supports following types of relations:
+- `Has-Many` - A record in one table can have multiple records in another table. 
+  - Example: A `Country` can have multiple `Cities`.
+- `Belongs-to` - Multiple records in one table can have a single record in another table. 
+  - Example: A `City` `Belongs-to` a `Country`.
+- `Many-to-Many` - Multiple records in one table can have multiple records in another table. 
+  - Example: A `Student` can have multiple `Subjects` & a `Subject` can have multiple `Students`. 
+
+:::note
+- Links can be created only between tables in the same database.
+- Self-referencing links are supported. (Link to the same table)
+- For every `Has-Many` relation defined, NocoDB augments `Belongs-to` relationship column in the adjacent table automatically
+:::
+
+## Create field
+1. Click on `+` icon to the right of `Fields header`
+2. [**Optional**] On the dropdown modal, enter the field name.
+3. Select the field type as `Links` from the dropdown.
+4. Select the relation type : Either `Has-Many` or `Many-to-Many`.
+5. Select the table to which the relation is to be established.
+6. [**Optional**] Configure label to be used for display in the cell.
+7. Click on `Save Column` button.
+
+![image](/img/v2/fields/links.png)
+
+### Cell display
+The cell will display number of links for a record to the related table. Clicking on the link-text will open a `Linked Records` modal with the list of links & associated additional information.

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/020.lookup.md

@@ -0,0 +1,7 @@
+---
+title: 'LookUp'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+![image](/img/v2/fields/lookup.png)

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/030.rollup.md

@@ -0,0 +1,7 @@
+---
+title: 'Rollup'
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+![image](/img/v2/fields/rollup.png)

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/200.links.md

@@ -1,5 +0,0 @@
----
-title: 'Links'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/210.lookup.md

@@ -1,5 +0,0 @@
----
-title: 'LookUp'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

packages/noco-docs/docs/060.fields/030.field-types/040.links-based/220.rollup.md

@@ -1,5 +0,0 @@
----
-title: 'Rollup'
----
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';

packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/010.attachment.md

@@ -2,4 +2,5 @@
 title: 'Attachment'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import TabItem from '@theme/TabItem';
+

packages/noco-docs/docs/060.fields/030.field-types/050.custom-types/020.checkbox.md

@@ -2,4 +2,6 @@
 title: 'Checkbox'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import TabItem from '@theme/TabItem';
+
+!

packages/noco-docs/docs/060.fields/030.field-types/070.date-time-based/040.duration.md

@@ -2,4 +2,5 @@
 title: 'Duration'
 ---
 import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import TabItem from '@theme/TabItem';
+