diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/ui-picker-modal/property-editor-ui-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/ui-picker-modal/property-editor-ui-picker-modal.element.ts
index 5ec7de734e..176107a44b 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/ui-picker-modal/property-editor-ui-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/ui-picker-modal/property-editor-ui-picker-modal.element.ts
@@ -116,7 +116,7 @@ export class UmbPropertyEditorUIPickerModalElement extends UmbModalBaseElement<
`,
diff --git a/src/Umbraco.Web.UI.Client/src/packages/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
index a04ad47150..d35e86ba08 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
@@ -347,30 +347,27 @@ export class UmbDataTypePickerFlowModalElement extends UmbModalBaseElement<
}
#renderDataTypeButton(propertyEditorUI: ManifestPropertyEditorUi, createAsNewOnPick?: boolean) {
+ const label = this.localize.string(propertyEditorUI.meta.label || propertyEditorUI.name);
if (createAsNewOnPick) {
return html`
- this.#createDataType(propertyEditorUI.alias)}>
- ${this.#renderItemContent(propertyEditorUI)}
+ this.#createDataType(propertyEditorUI.alias)}>
+ ${this.#renderItemContent(label, propertyEditorUI)}
`;
} else {
return html`
-
- ${this.#renderItemContent(propertyEditorUI)}
+
+ ${this.#renderItemContent(label, propertyEditorUI)}
`;
}
}
- #renderItemContent(propertyEditorUI: ManifestPropertyEditorUi) {
+ #renderItemContent(label: string, propertyEditorUI: ManifestPropertyEditorUi) {
return html`
- ${propertyEditorUI.meta.label || propertyEditorUI.name}
+ ${label}
`;
}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap-rte/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap-rte/manifests.ts
index 9394f778d2..6fefe64b71 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap-rte/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap-rte/manifests.ts
@@ -7,7 +7,7 @@ export const manifests: Array = [
name: 'Rich Text Editor [Tiptap] Property Editor UI',
element: () => import('./property-editor-ui-tiptap.element.js'),
meta: {
- label: 'Rich Text Editor [Tiptap]',
+ label: '#rte_label',
propertyEditorSchemaAlias: 'Umbraco.RichText',
icon: 'icon-browser-window',
group: 'richContent',
diff --git a/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/DataType/Tiptap.spec.ts b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/DataType/Tiptap.spec.ts
index 9d525a57e5..9c3e7ec46d 100644
--- a/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/DataType/Tiptap.spec.ts
+++ b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/DataType/Tiptap.spec.ts
@@ -15,7 +15,7 @@ test.afterEach(async ({umbracoApi}) => {
test('can create a rich text editor with tiptap', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
- const tipTapLocatorName = 'Rich Text Editor [Tiptap]';
+ const tipTapLocatorName = 'Rich Text Editor';
const tipTapAlias = 'Umbraco.RichText';
const tipTapUiAlias = 'Umb.PropertyEditorUi.Tiptap';