diff --git a/packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md b/packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md index 6d20b17b3f..f191afecf3 100644 --- a/packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md +++ b/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. diff --git a/packages/noco-docs/static/img/v2/fields/add-link-modal.png b/packages/noco-docs/static/img/v2/fields/add-link-modal.png index eed317543b..eca5d7d57e 100644 Binary files a/packages/noco-docs/static/img/v2/fields/add-link-modal.png and b/packages/noco-docs/static/img/v2/fields/add-link-modal.png differ diff --git a/packages/noco-docs/static/img/v2/fields/linked-record-modal.png b/packages/noco-docs/static/img/v2/fields/linked-record-modal.png index 841c40dbd9..fc0964d567 100644 Binary files a/packages/noco-docs/static/img/v2/fields/linked-record-modal.png and b/packages/noco-docs/static/img/v2/fields/linked-record-modal.png differ