Browse Source

docs: update link modal

pull/8400/head
Raju Udava 7 months ago
parent
commit
1c100ab153
  1. 34
      packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md
  2. BIN
      packages/noco-docs/static/img/v2/fields/add-link-modal.png
  3. BIN
      packages/noco-docs/static/img/v2/fields/linked-record-modal.png

34
packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md

@ -43,16 +43,15 @@ Clicking on the link-text will open a `Linked Records` modal with the list of li
![image](/img/v2/fields/linked-record-modal.png)
A brief note about the modal components:
1. This modal is displaying linked records for `PENELOPE`
2. Icon represents `Many-to-Many` relation
3. Linked records belong to `Film` table
4. Search bar, to narrow down the list of linked records displayed
5. List (cards) of linked records
6. To view additional information (expanded record), hover on the card & click on the `<>` icon
7. Indicates total records linked
List of linked records will appear as a dropdown containing linked records as cards. A brief note about the modal components:
1. Search bar, to narrow down the list of linked records displayed
2. Icon represents `Many-to-Many` relation. The count indicates the number of linked records
3. List (cards) of linked records
4. Click on the `-` icon to unlink the record
5. To view additional information (expanded record), hover on the card & click on the `<>` icon
6. Click on `+ New record` button to add a new record & link it to the current record
7. Click on `Link more records` to link an existing record [Read more](#link-new-records)
8. Pagination bar
9. Click on `+ Link more Records` button to add new links : [Read more](#link-new-records)
### Link new records
@ -63,21 +62,20 @@ Modal to add new links can be opened by
![image](/img/v2/fields/add-link-modal.png)
A brief note about the modal components:
1. Links being created are for `PENELOPE`
2. Icon represents `Many-to-Many` relation
3. Linked records belong to `Film` table
4. Search bar, to narrow down the list of records displayed
5. Linked record card is displayed in blue color
6. Records available for link are displayed in white color; use expand icon on the cord to view additional information
7. Indicates total records linked (including the ones being linked)
8. Pagination bar
1. Search bar, to narrow down the list of records displayed
2. Icon represents `Many-to-Many` relation. The count indicates the number of linked records
3. List (cards) of records available for linking
4. Click on the `+` icon to link the record
5. To view additional information (expanded record) before linking, hover on the card & click on the `<>` icon
6. Click on `+ New record` button to add a new record & link it to the current record
7. Pagination bar
:::info
Multiple records can be linked at once.
:::
### Unlink records
To unlink a record, open the `Linked Records` modal & click on the card of the record to be unlinked.
To unlink a record, open the `Linked Records` modal & click on the `-` icon on the card of the record to be unlinked.
:::info
Multiple records can be unlinked at once.

BIN
packages/noco-docs/static/img/v2/fields/add-link-modal.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 292 KiB

BIN
packages/noco-docs/static/img/v2/fields/linked-record-modal.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 298 KiB

Loading…
Cancel
Save