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';