Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hanneskuettner/directus-extension-inline-form-interface

An inline form interface for Directus that can be used to edit M2O relations without leaving their parent form
https://github.com/hanneskuettner/directus-extension-inline-form-interface

Last synced: 2 months ago
JSON representation

An inline form interface for Directus that can be used to edit M2O relations without leaving their parent form

Awesome Lists containing this project

README

        

# Directus Inline Form Interface

An inline form interface for Directus that allows editing of a related M2O collection
item within its parent's form.

For more details as to why you would need this see these discussions in the Directus repository
[directus/directus#3474](https://github.com/directus/directus/discussions/3474) and
[directus/directus#18041](https://github.com/directus/directus/discussions/18041).


Screenshot of the tab group interface

## Installation

Add `directus-extension-inline-form-interface` to your project:

```shell
# Using pnpm
pnpm add directus-extension-inline-form-interface
# Using yarn
yarn add directus-extension-inline-form-interface
# Using npm
npm install directus-extension-inline-form-interface
```

## Usage

When creating a new M2O field you can select `Inline Form` in the `Relational` section.

Alternatively you can change the interface of an existing M2O field in the
`Interface` section.

## Options

#### `Create Related Item`

Decide when an item should be created in the related collection.

You can choose between:

- `Only with Content`, which will only create a new item if *some* content is filled in the inline form, and
- `Always`, which will always create a new item, even if no content is filled in the inline form