diff --git a/locales/default.pot b/locales/default.pot
index 0dbc66de7..7802b1c4a 100644
--- a/locales/default.pot
+++ b/locales/default.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita 4 \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "MIME-Version: 1.0 \n"
 "Content-Transfer-Encoding: 8bit \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1628,6 +1628,9 @@ msgstr ""
 msgid "Show object info"
 msgstr ""
 
+msgid "Media URL"
+msgstr ""
+
 msgid "Search on categories"
 msgstr ""
 
@@ -1799,10 +1802,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Click here to start"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"
diff --git a/locales/en_US/default.po b/locales/en_US/default.po
index e3306e23f..d5e17954c 100644
--- a/locales/en_US/default.po
+++ b/locales/en_US/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1631,6 +1631,9 @@ msgstr ""
 msgid "Show object info"
 msgstr ""
 
+msgid "Media URL"
+msgstr ""
+
 msgid "Search on categories"
 msgstr ""
 
@@ -1802,10 +1805,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Click here to start"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"
diff --git a/locales/it_IT/default.po b/locales/it_IT/default.po
index f6e627cb3..04584451c 100644
--- a/locales/it_IT/default.po
+++ b/locales/it_IT/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1650,6 +1650,9 @@ msgstr "Errore nella cancellazione della proprietà"
 msgid "Show object info"
 msgstr "Mostra informazioni"
 
+msgid "Media URL"
+msgstr "URL Media"
+
 msgid "Search on categories"
 msgstr "Cerca tra le categorie"
 
@@ -1827,11 +1830,8 @@ msgstr "Caricamento riuscito"
 msgid "Choose a type"
 msgstr "Selezionare un tipo"
 
-msgid "Click here to start"
-msgstr "Clicca qui per iniziare"
-
-msgid "Fast create"
-msgstr "Creazione rapida"
+msgid "Create new for"
+msgstr "Crea nuovo per"
 
 msgid "Insert date(s)"
 msgstr "Inserire data(e)"
diff --git a/resources/js/app/app.js b/resources/js/app/app.js
index fdc527f5b..4c6c1eb9c 100644
--- a/resources/js/app/app.js
+++ b/resources/js/app/app.js
@@ -95,6 +95,7 @@ const _vueInstance = new Vue({
         SortRelated: () => import(/* webpackChunkName: "sort-related" */'app/components/sort-related/sort-related'),
         MediaItem: () => import(/* webpackChunkName: "media-item" */'app/components/media-item/media-item'),
         FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+        FastCreateContainer: () => import(/* webpackChunkName: "fast-create-container" */'app/components/fast-create/fast-create-container'),
         FormField: () => import(/* webpackChunkName: "form-field" */'app/components/fast-create/form-field'),
         FileUpload: () => import(/* webpackChunkName: "file-upload" */'app/components/file-upload/file-upload'),
         FieldCheckbox: () => import(/* webpackChunkName: "field-checkbox" */'app/components/form/field-checkbox'),
@@ -103,6 +104,7 @@ const _vueInstance = new Vue({
         FieldInteger: () => import(/* webpackChunkName: "field-integer" */'app/components/form/field-integer'),
         FieldJson: () => import(/* webpackChunkName: "field-json" */'app/components/form/field-json'),
         FieldNumber: () => import(/* webpackChunkName: "field-number" */'app/components/form/field-number'),
+        FieldPlaintext: () => import(/* webpackChunkName: "field-plaintext" */'app/components/form/field-plaintext'),
         FieldRadio: () => import(/* webpackChunkName: "field-radio" */'app/components/form/field-radio'),
         FieldSelect: () => import(/* webpackChunkName: "field-select" */'app/components/form/field-select'),
         FieldString: () => import(/* webpackChunkName: "field-string" */'app/components/form/field-string'),
@@ -624,6 +626,7 @@ Vue.component('FieldDate', _vueInstance.$options.components.FieldDate);
 Vue.component('FieldInteger', _vueInstance.$options.components.FieldInteger);
 Vue.component('FieldJson', _vueInstance.$options.components.FieldJson);
 Vue.component('FieldNumber', _vueInstance.$options.components.FieldNumber);
+Vue.component('FieldPlaintext', _vueInstance.$options.components.FieldPlaintext);
 Vue.component('FieldRadio', _vueInstance.$options.components.FieldRadio);
 Vue.component('FieldSelect', _vueInstance.$options.components.FieldSelect);
 Vue.component('FieldString', _vueInstance.$options.components.FieldString);
diff --git a/resources/js/app/components/clipboard-item/clipboard-item.vue b/resources/js/app/components/clipboard-item/clipboard-item.vue
index 5340af3b8..d627f1ca1 100644
--- a/resources/js/app/components/clipboard-item/clipboard-item.vue
+++ b/resources/js/app/components/clipboard-item/clipboard-item.vue
@@ -40,7 +40,6 @@ export default {
         copy() {
             navigator.clipboard.writeText(this.text);
             this.msg = t`Copied!`;
-            console.log(this.msg);
             setTimeout(() => this.reset(), 2000)
         },
 
diff --git a/resources/js/app/components/date-range/date-range.vue b/resources/js/app/components/date-range/date-range.vue
index 36b9339e1..c61fff9d8 100644
--- a/resources/js/app/components/date-range/date-range.vue
+++ b/resources/js/app/components/date-range/date-range.vue
@@ -136,13 +136,13 @@
         </div>
         <div
             class="icon-error"
-            v-show="!start_date"
+            v-show="!compact && !start_date"
         >
             {{ msgEmptyDateRange }}
         </div>
         <div
             class="icon-error"
-            v-show="validate() === false"
+            v-show="!compact && validate() === false"
         >
             {{ msgInvalidDateRange }}
         </div>
@@ -155,6 +155,10 @@ import { t } from 'ttag';
 export default {
     name: 'DateRange',
     props: {
+        compact: {
+            type: Boolean,
+            default: false,
+        },
         options: {
             type: Object,
             default: () => ({}),
diff --git a/resources/js/app/components/date-ranges-view/date-ranges-view.vue b/resources/js/app/components/date-ranges-view/date-ranges-view.vue
index fc7dfe313..a3493c1fc 100644
--- a/resources/js/app/components/date-ranges-view/date-ranges-view.vue
+++ b/resources/js/app/components/date-ranges-view/date-ranges-view.vue
@@ -4,6 +4,7 @@
             <DateRange
                 v-for="(dateRange, index) in dateRanges"
                 :key="index"
+                :compact="compact"
                 :options="options"
                 :readonly="readonly"
                 :source="dateRanges[index]"
@@ -38,6 +39,10 @@ export default {
     },
 
     props: {
+        compact: {
+            type: Boolean,
+            default: false,
+        },
         ranges: {
             type: String,
             default: undefined,
diff --git a/resources/js/app/components/fast-create/fast-create-container.vue b/resources/js/app/components/fast-create/fast-create-container.vue
new file mode 100644
index 000000000..3087bd559
--- /dev/null
+++ b/resources/js/app/components/fast-create/fast-create-container.vue
@@ -0,0 +1,74 @@
+<template>
+    <div class="fast-create-container">
+        <fast-create
+            :auto-type="autoType"
+            :fields-by-type="fieldsByType"
+            :items="items"
+            :languages="languages"
+            :relation-label="relationLabel"
+            :relation-name="relationName"
+            :schemas-by-type="schemasByType"
+            @created="created"
+            v-if="items.length"
+        />
+    </div>
+</template>
+<script>
+export default {
+    name: 'FastCreateContainer',
+    components: {
+        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+    },
+    props: {
+        allowedTypes: {
+            type: Array,
+            default: () => [],
+        },
+        fieldsByType: {
+            type: Object,
+            required: true,
+        },
+        languages: {
+            type: Object,
+            default: () => {},
+        },
+        relationLabel: {
+            type: String,
+            required: true,
+        },
+        relationName: {
+            type: String,
+            required: true,
+        },
+        relationsSchema: {
+            type: Object,
+            required: true,
+        },
+        schemasByType: {
+            type: Object,
+            required: true
+        },
+    },
+    data() {
+        return {
+            autoType: null,
+            items: [],
+            relationSchema: {},
+        };
+    },
+    mounted() {
+        this.$nextTick(() => {
+            this.relationSchema = this.relationsSchema[this.relationName] || {};
+            this.autoType = this.relationSchema?.right?.length === 1 ? this.relationSchema.right[0] : null;
+            this.items = (this.relationSchema?.right || []).filter(
+                (item) => this.allowedTypes.includes(item)
+            );
+        });
+    },
+    methods: {
+        created(item) {
+            this.$emit('created', item);
+        },
+    },
+};
+</script>
diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index f6ce0e866..4b7a90491 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -1,25 +1,22 @@
 <template>
-    <div class="fast-create">
+    <fieldset class="fast-create fieldset">
+        <header
+            class="tab"
+            :class="{'open': open}"
+            :open="open"
+            @click="toggle"
+        >
+            <h2><span>{{ msgFastCreate }} <strong>"{{ relationLabel }}"</strong></span></h2>
+        </header>
         <div
-            class="start"
-            @click="reset(); clicked = true"
-            v-if="!clicked"
+            class="fast-create-form-container"
+            :open="open"
         >
-            {{ msgFastCreate }}. {{ msgClickHereToStart }}
-        </div>
-        <template v-else>
-            <header class="is-flex space-between align-center is-expanded">
-                <span class="mb-1">{{ msgFastCreate }} {{ moduleName() }}</span>
-                <span
-                    class="mb-1 close"
-                    :title="msgClose"
-                    @click.prevent="reset()"
+            <div>
+                <div
+                    class="mb-1"
+                    v-show="!autoType"
                 >
-                    <app-icon icon="carbon:close" />
-                </span>
-            </header>
-            <fieldset>
-                <div v-show="!autoType">
                     <label for="objectType">{{ msgChooseType }}</label>
                     <select
                         v-model="objectType"
@@ -38,8 +35,10 @@
                     <div
                         v-for="field in fields"
                         :key="field"
+                        class="form-field-container"
                     >
                         <form-field
+                            :key="reference"
                             :abstract-type="abstractType"
                             :field="fieldKey(field)"
                             :render-as="fieldType(field)"
@@ -49,38 +48,49 @@
                             :object-type="objectType"
                             :required="required?.includes(fieldKey(field))"
                             :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                            v-model="payload[fieldKey(field)]"
+                            v-model="formFieldProperties[objectType][fieldKey(field)]"
                             @error="err"
                             @update="update"
                             @success="success"
                         />
                     </div>
                 </template>
-                <div v-if="objectType">
+                <div
+                    class="form-field-container"
+                    v-if="objectType"
+                >
                     <button
-                        :class="{'is-loading-spinner': loading}"
-                        :disabled="loading || invalidFields?.length > 0"
+                        :class="{ 'is-loading-spinner': loading }"
+                        :disabled="saveDisabled"
                         @click.prevent="save"
                     >
                         <app-icon icon="carbon:save" />
                         <span class="ml-05">{{ msgSave }}</span>
                     </button>
-                    <button @click.prevent="reset()">
-                        <app-icon icon="carbon:close" />
-                        <span class="ml-05">{{ msgClose }}</span>
-                    </button>
                 </div>
-                <div class="error" v-if="error">
+                <div
+                    class="error mt-1"
+                    v-if="error"
+                >
                     <app-icon icon="carbon:error" />
                     <span class="ml-05">{{ error }}</span>
                 </div>
-                <div v-if="message">
-                    <app-icon icon="carbon:checkmark" />
-                    <span class="ml-05">{{ message }}</span>
+                <div
+                    class="mt-1"
+                    v-if="message"
+                >
+                    <app-icon
+                        icon="carbon:checkmark"
+                        color="green"
+                    />
+                    <span
+                        class="ml-05"
+                        v-html="message"
+                    />
                 </div>
-            </fieldset>
-        </template>
-    </div>
+            </div>
+        </div>
+    </fieldset>
 </template>
 <script>
 import { t } from 'ttag';
@@ -108,6 +118,14 @@ export default {
             type: Object,
             default: () => {},
         },
+        relationLabel: {
+            type: String,
+            required: true,
+        },
+        relationName: {
+            type: String,
+            required: true,
+        },
         schemasByType: {
             type: Object,
             required: true
@@ -116,25 +134,30 @@ export default {
     data() {
         return {
             abstractType: 'objects',
-            clicked: false,
             error: '',
             fields: [],
             fieldsMap: {},
+            formFieldProperties: {},
             invalidFields: [],
             isUploadable: false,
             loading: false,
             message: '',
-            msgClose: t`Close`,
             msgChooseType: t`Choose a type`,
-            msgClickHereToStart: t`Click here to start`,
             msgCreated: t`Created`,
-            msgFastCreate: t`Fast create`,
+            msgFastCreate: t`Create new for`,
             msgSave: t`Save`,
             objectType: null,
+            open: false,
             payload: {},
             required: [],
+            reference: null,
         }
     },
+    computed: {
+        saveDisabled() {
+            return this.invalidFields.length > 0 || this.loading;
+        },
+    },
     mounted() {
         this.$nextTick(() => {
             this.isUploadable = BEDITA.uploadable.includes(this.objectType);
@@ -143,17 +166,31 @@ export default {
                 this.objectType = this.autoType;
                 this.changeType();
             }
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+            }
+            if (this.objectType) {
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
+            this.reference = Math.floor(Math.random() * 1000000);
         });
     },
     methods: {
         changeType() {
+            this.formFieldProperties[this.objectType] = {};
             this.fields = [];
             this.fieldsMap = {};
             this.forceUploadable = false;
             this.required = [];
             this.payload = {};
-            this.message = '';
-            this.error = '';
+            setTimeout(() => {
+                this.$nextTick(() => {
+                    this.message = '';
+                    this.error = '';
+                });
+            }, 5000);
             if (this.fieldsByType?.[this.objectType]?.fields) {
                 const fields = this.fieldsByType[this.objectType].fields || [];
                 let ff = fields;
@@ -176,7 +213,6 @@ export default {
             }
             this.isUploadable = BEDITA.uploadable.includes(this.objectType);
             this.abstractType = this.isUploadable ? 'media' : 'objects';
-            this.invalidFields = this.required.filter(f => !this.payload[f]);
             if (this.fields?.length === 0) {
                 // set defaults
                 this.fields = ['title', 'status'];
@@ -189,6 +225,13 @@ export default {
                     this.required = ['title', 'name'];
                 }
             }
+            this.invalidFields = this.required.filter(f => !this.payload[f]);
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
         },
         err(val) {
             this.error = val;
@@ -210,21 +253,35 @@ export default {
             return this.objectType ? BEDITA_I18N?.[this.objectType] || this.objectType : BEDITA_I18N?.['objects'] || 'objects';
         },
         reset() {
+            setTimeout(() => {
+                this.$nextTick(() => {
+                    this.message = '';
+                    this.error = '';
+                });
+            }, 5000);
             this.fields = [];
             this.required = [];
             this.payload = {};
-            this.message = '';
-            this.error = '';
-            this.clicked = false;
             if (!this.autoType) {
                 this.objectType = null;
             } else {
                 this.changeType();
             }
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+            }
+            if (this.objectType) {
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
+            // reset reference, to force re-render
+            this.reference = Math.floor(Math.random() * 1000000);
         },
         async save() {
             try {
                 this.loading = true;
+                this.payload = Object.assign({}, this.formFieldProperties[this.objectType]);
                 this.payload.objectType = this.objectType;
                 const url = `/${this.objectType}/save`;
                 const options = {
@@ -242,9 +299,7 @@ export default {
                 if (responseJson?.error) {
                     throw new Error(responseJson.error);
                 }
-                this.reset();
-                this.message = this.msgCreated;
-                this.$emit('created', responseJson.data)
+                this.success(responseJson?.data?.[0]);
             } catch (error) {
                 this.error = error;
             } finally {
@@ -252,63 +307,57 @@ export default {
             }
         },
         success(objectData) {
+            this.message = `${this.msgCreated} <span class="tag has-background-module-${objectData?.type}">${objectData?.attributes?.title}</span>`;
             this.reset();
-            this.message = this.msgCreated;
             this.$emit('created', [objectData]);
         },
         update(k,v) {
-            this.payload[k] = v;
-            this.invalidFields = this.required.filter(f => !this.payload[f]);
+            this.formFieldProperties[this.objectType][k] = v;
+            this.invalidFields = this.required.filter(f => !this.formFieldProperties[this.objectType][f]);
+        },
+        toggle() {
+            this.open = !this.open;
         },
     },
 }
 </script>
 <style scoped>
-div.fast-create {
+fieldset.fast-create {
     display: flex;
     flex-direction: column;
-    margin: 1rem 0;
-    padding: 1rem 0;
-    border: solid 1px white;
+    margin-bottom: 1rem;
 }
-div.fast-create > div {
-    margin: 0.5rem 1rem 0.5rem 1rem;
-    display: inline-block;
-}
-div.fast-create > div.start {
+fieldset.fast-create > header {
     cursor: pointer;
-    text-align: center;
-    width: 100%;
+    font-size: 1rem;
+    margin: 0rem 0.4rem;
 }
-div.fast-create > fieldset {
-    margin: 1rem;
+fieldset.fast-create div.fast-create-form-container > div {
+    list-style-type: none;
+    outline: none;
+    font-size: 1rem;
+    margin: 1rem 0.4rem;
 }
-div.fast-create > fieldset > div {
-    margin: 1rem;
+fieldset.fast-create div.fast-create-form-container > div::-webkit-details-marker {
+    display: none;
 }
-div.fast-create > fieldset > div > label {
-    display: block;
+fieldset.fast-create div.fast-create-form-container:is([open]) > div {
+    flex-direction: column;
+    /* margin: 1rem 0; */
+}
+fieldset.fast-create div.fast-create-form-container:not([open]) > div {
+    display: none;
 }
-div.fast-create > fieldset > div > input {
+fieldset.fast-create .form-field-container {
+    display: flex;
+    flex-direction: row;
+    margin: 0;
     width: 100%;
 }
-div.fast-create > div > button {
-    margin: 1rem;
+fieldset.fast-create input {
+    width: 100%;
 }
-div.fast-create div.error {
+fieldset.fast-create .error {
     color: red;
 }
-div.fast-create div.close {
-    position: fixed;
-    right: 0;
-    cursor: pointer;
-}
-div.fast-create span.close {
-    cursor: pointer;
-}
-div.fast-create header {
-    margin: auto;
-    padding: 1rem 4rem 0rem 4rem;
-    font-style: italic;
-}
 </style>
diff --git a/resources/js/app/components/fast-create/form-field.vue b/resources/js/app/components/fast-create/form-field.vue
index 785758841..f2e109370 100644
--- a/resources/js/app/components/fast-create/form-field.vue
+++ b/resources/js/app/components/fast-create/form-field.vue
@@ -44,6 +44,7 @@
             />
             <!-- date ranges -->
             <date-ranges-view
+                :compact="true"
                 :ranges="value"
                 @update="update"
                 v-if="fieldType === 'calendar'"
@@ -94,6 +95,16 @@
                 @change="update"
                 v-if="fieldType === 'textarea'"
             />
+            <!-- plaintext -->
+            <field-plaintext
+                :id="`fast-create-${field}`"
+                :name="`fast-${objectType}-${field}`"
+                :field="field"
+                :reference="`fast-create-${objectType}`"
+                :value="value"
+                @change="update"
+                v-if="fieldType === 'plaintext'"
+            />
             <!-- geo-coordinates -->
             <field-geo-coordinates
                 :id="`fast-create-${field}`"
@@ -198,12 +209,8 @@ export default {
     },
     mounted() {
         this.$nextTick(() => {
-            if (this.jsonSchema?.default) {
-                this.value = this.jsonSchema.default;
-                if (this.value) {
-                    this.update(this.value);
-                }
-            }
+            this.value = this.val || this.jsonSchema?.default || null;
+            this.update(this.value);
             this.fieldType = this.resetFieldType();
         });
     },
@@ -277,6 +284,11 @@ export default {
 <style scoped>
 div.form-field {
     margin-bottom: 1em;
+    width: 100%;
+}
+div.form-field > div {
+    display: flex;
+    flex-direction: column;
 }
 div.form-field .file {
     display: block !important;
diff --git a/resources/js/app/components/file-upload/file-upload.vue b/resources/js/app/components/file-upload/file-upload.vue
index 8eba77d5e..c4bce2a1a 100644
--- a/resources/js/app/components/file-upload/file-upload.vue
+++ b/resources/js/app/components/file-upload/file-upload.vue
@@ -30,7 +30,7 @@
         </div>
         <div>
             <button
-                class="button button-primary"
+                class="button button-primary mt-1"
                 :class="loading ? 'is-loading-spinner' : 'button button-primary'"
                 :disabled="readonly || loading"
                 @click.prevent="upload()"
diff --git a/resources/js/app/components/form/field-checkbox.vue b/resources/js/app/components/form/field-checkbox.vue
index 38485db2f..25f077e8a 100644
--- a/resources/js/app/components/form/field-checkbox.vue
+++ b/resources/js/app/components/form/field-checkbox.vue
@@ -41,3 +41,9 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-checkbox {
+    width: fit-content;
+    cursor: pointer;
+}
+</style>
diff --git a/resources/js/app/components/form/field-geo-coordinates.vue b/resources/js/app/components/form/field-geo-coordinates.vue
index a6dc9bda3..26766d136 100644
--- a/resources/js/app/components/form/field-geo-coordinates.vue
+++ b/resources/js/app/components/form/field-geo-coordinates.vue
@@ -103,3 +103,16 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-geo-coordinates {
+    display: flex;
+    flex-direction: column;
+}
+.field-geo-coordinates label {
+    margin-bottom: 0.5rem;
+}
+.field-geo-coordinates input {
+    width: 200px;
+    margin-bottom: 1rem;
+}
+</style>
diff --git a/resources/js/app/components/form/field-integer.vue b/resources/js/app/components/form/field-integer.vue
index 03920efb9..c472c02a5 100644
--- a/resources/js/app/components/form/field-integer.vue
+++ b/resources/js/app/components/form/field-integer.vue
@@ -37,3 +37,8 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-integer {
+    width: 200px;
+}
+</style>
diff --git a/resources/js/app/components/form/field-number.vue b/resources/js/app/components/form/field-number.vue
index 971a9d60c..44176ee1e 100644
--- a/resources/js/app/components/form/field-number.vue
+++ b/resources/js/app/components/form/field-number.vue
@@ -38,3 +38,8 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-number {
+    width: 200px;
+}
+</style>
diff --git a/resources/js/app/components/form/field-plaintext.vue b/resources/js/app/components/form/field-plaintext.vue
new file mode 100644
index 000000000..59a6f5dd8
--- /dev/null
+++ b/resources/js/app/components/form/field-plaintext.vue
@@ -0,0 +1,39 @@
+<template>
+    <textarea
+        :id="id"
+        :name="name"
+        :data-ref="reference"
+        :value="value"
+        class="field-plaintext"
+        type="text"
+        @change="change($event.target.value)"
+    />
+</template>
+<script>
+export default {
+    name: 'FieldPlaintext',
+    props: {
+        id: {
+            type: String,
+            required: true
+        },
+        name: {
+            type: String,
+            required: true
+        },
+        reference: {
+            type: String,
+            default: ''
+        },
+        value: {
+            type: String,
+            default: ''
+        },
+    },
+    methods: {
+        change(value) {
+            this.$emit('change', value);
+        },
+    },
+}
+</script>
diff --git a/resources/js/app/components/form/field-radio.vue b/resources/js/app/components/form/field-radio.vue
index 33ee18cee..b09fff4d8 100644
--- a/resources/js/app/components/form/field-radio.vue
+++ b/resources/js/app/components/form/field-radio.vue
@@ -62,6 +62,8 @@ export default {
 <style scoped>
 .field-radio {
     display: flex;
+    flex-direction: row;
+    width: fit-content;
 }
 .field-radio > label {
     flex: auto !important;
diff --git a/resources/js/app/components/relation-view/relation-view.vue b/resources/js/app/components/relation-view/relation-view.vue
index e60ad3224..53280cc76 100644
--- a/resources/js/app/components/relation-view/relation-view.vue
+++ b/resources/js/app/components/relation-view/relation-view.vue
@@ -34,7 +34,6 @@ export default {
         Thumbnail:() => import(/* webpackChunkName: "thumbnail" */'app/components/thumbnail/thumbnail'),
         ClipboardItem: () => import(/* webpackChunkName: "clipboard-item" */'app/components/clipboard-item/clipboard-item'),
         SortRelated: () => import(/* webpackChunkName: "sort-related" */'app/components/sort-related/sort-related'),
-        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
     },
 
     mixins: [
diff --git a/resources/js/app/components/relation-view/relations-add.js b/resources/js/app/components/relation-view/relations-add.js
index 5c2a6e6e3..94510e6c0 100644
--- a/resources/js/app/components/relation-view/relations-add.js
+++ b/resources/js/app/components/relation-view/relations-add.js
@@ -37,6 +37,8 @@ export default {
         FilterBoxView: () => import(/* webpackChunkName: "filter-box-view" */'app/components/filter-box'),
         Thumbnail:() => import(/* webpackChunkName: "thumbnail" */'app/components/thumbnail/thumbnail'),
         ClipboardItem: () => import(/* webpackChunkName: "clipboard-item" */'app/components/clipboard-item/clipboard-item'),
+        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+        FastCreateContainer: () => import(/* webpackChunkName: "fast-create-container" */'app/components/fast-create/fast-create-container'),
     },
 
     props: {
@@ -231,6 +233,12 @@ export default {
             this.toPage(page, this.activeFilter);
         },
 
+        addCreated(object) {
+            let createdObjects = (Array.isArray(object) ? object : [object]) || [];
+            this.objects = createdObjects.concat(this.objects);
+            this.selectedObjects = createdObjects.concat(this.selectedObjects);
+        },
+
         /**
          * send selected objects to relation view
          *
diff --git a/templates/Element/Form/fast_create.twig b/templates/Element/Form/fast_create.twig
index 9b337ad0b..16a2c985b 100644
--- a/templates/Element/Form/fast_create.twig
+++ b/templates/Element/Form/fast_create.twig
@@ -1,17 +1,15 @@
 {% set allowed = Perms.canCreateModules() %}
 {% if allowed is not empty %}
-    {% set allItems = relationSchema['right']|default([]) %}
-    {% set items = allItems|filter((item) => item in allowed) %}
-    {% set autoType = allItems|length == 1 ? allItems[0] : null %}
-    {% if items is not empty and (not autoType or (autoType in allowed)) %}
-        <fast-create
-            auto-type="{{ autoType }}"
-            :fields-by-type="{{ Property.fastCreateFieldsMap()|json_encode }}"
-            :items="{{ items|json_encode }}"
-            :languages="{{ config('Project.config.I18n.languages')|default([])|json_encode|escape('html_attr') }}"
-            :schemas-by-type="{{ schemasByType|json_encode }}"
-            @created="appendRelations"
-        >
-        </fast-create>
-    {% endif %}
+    <fast-create-container
+        :allowed-types="{{ allowed|json_encode }}"
+        :fields-by-type="{{ Property.fastCreateFieldsMap()|json_encode }}"
+        :languages="{{ config('Project.config.I18n.languages')|default([])|json_encode|escape('html_attr') }}"
+        :schemas-by-type="{{ schemasByType|json_encode }}"
+        :relation-label="relationLabel"
+        :relation-name="relationName"
+        :relations-schema="{{ relationsSchema|json_encode }}"
+        @created="addCreated"
+        v-if="relationName"
+    >
+    </fast-create-container>
 {% endif %}
diff --git a/templates/Element/Form/relation.twig b/templates/Element/Form/relation.twig
index 6572c946d..4ab1190bb 100644
--- a/templates/Element/Form/relation.twig
+++ b/templates/Element/Form/relation.twig
@@ -24,17 +24,6 @@
         {% else %}
 
         <div class="related-list-container">
-            {% if Perms.canSave() and not readonly %}
-                {# FastCreate #}
-                {{ element(
-                    config('UI.fast_create_form._element')|default('Form/fast_create'),
-                    {
-                        'relationSchema': relationSchema,
-                        'schemasByType': schemasByType,
-                    }
-            ) }}
-            {% endif %}
-
             {# FilterBoxView #}
             <div class="mb-1" v-show="showFilter">
                 {% set fbt = filtersByType ? filtersByType : [] %}
diff --git a/templates/Element/Panel/relations_add.twig b/templates/Element/Panel/relations_add.twig
index e50b3ab8d..8510f0c28 100644
--- a/templates/Element/Panel/relations_add.twig
+++ b/templates/Element/Panel/relations_add.twig
@@ -1,6 +1,10 @@
 {% set selectBaseClasses = "has-background-gray-700 has-border-gray-700 has-font-weight-light has-text-gray-200 has-text-size-smallest" %}
 
 <div class="relations-add">
+
+    {# FastCreate #}
+    {{ element(config('UI.fast_create_form._element')|default('Form/fast_create')) }}
+
     <section class="fieldset shrinks">
         <header class="mx-1 tab tab-static unselectable" v-bind:class="!objects || loading ? 'is-loading-spinner' : ''">
             <h2><span v-show="relationName"><strong>{{ __('add') }}</strong>&nbsp;{{ __('elements to') }}&nbsp;"<strong><: relationLabel :></strong>"</span></h2>