From e8348e923eeb8bc17fc52b7bd8a53979554f307a Mon Sep 17 00:00:00 2001 From: Nishkalank Bezawada <47456098+NishkalankBezawada@users.noreply.github.com> Date: Mon, 5 Jun 2023 19:45:47 +0200 Subject: [PATCH] issue-3732-Support for Multiline text field --- .../react-advanced-page-properties/README.md | 4 ++++ .../assets/sample.json | 9 ++++++++- .../AdvancedPagePropertiesWebPart.ts | 3 ++- .../AdvancedPageProperties.module.scss | 19 +++++++++++++++++++ .../components/AdvancedPageProperties.tsx | 4 ++++ 5 files changed, 37 insertions(+), 2 deletions(-) diff --git a/samples/react-advanced-page-properties/README.md b/samples/react-advanced-page-properties/README.md index d85b1db96..174f56c55 100644 --- a/samples/react-advanced-page-properties/README.md +++ b/samples/react-advanced-page-properties/README.md @@ -10,6 +10,7 @@ Attempts to replicate the functionality of Page Properties with the following im - Support for hyperlink fields - Support for currency - Improved support for dates +- Support for Multiline text fields ![see the difference](./assets/diff-screencap.png) @@ -47,6 +48,7 @@ None - [Mike Homol](https://github.com/mhomol) - [Abderahman Moujahid](https://github.com/Abderahman88) - [Valeras Narbutas](https://github.com/ValerasNarbutas) +- [Nishkalank Bezawada](https://github.com/NishkalankBezawada) ## Version history @@ -56,6 +58,8 @@ Version|Date|Comments 1.0.1|September 22, 2021|Added support for multi-language sites 1.0.2|December 24, 2021|Fix retrieving fields from SitePages 1.0.3|January 12, 2022|Fix formatting of date, number and currency values +1.0.5|June 05, 2023|Support for Multiline text fields + ## Minimal Path to Awesome diff --git a/samples/react-advanced-page-properties/assets/sample.json b/samples/react-advanced-page-properties/assets/sample.json index 77687837a..82d955982 100644 --- a/samples/react-advanced-page-properties/assets/sample.json +++ b/samples/react-advanced-page-properties/assets/sample.json @@ -12,7 +12,8 @@ "- Support for image fields", "- Support for hyperlink fields", "- Support for currency", - "- Improved support for dates" + "- Improved support for dates", + "- Support for Multiline text fields" ], "creationDateTime": "2021-03-30", "updateDateTime": "2023-03-06", @@ -69,6 +70,12 @@ "company": "", "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", "name": "Abderahman Moujahid" + }, + { + "gitHubAccount": "NishkalankBezawada", + "company": "Tietoevry, Sweden", + "pictureUrl": "https://avatars.githubusercontent.com/u/47456098?v=4", + "name": "Nishkalank Bezawada" } ], "references": [ diff --git a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/AdvancedPagePropertiesWebPart.ts b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/AdvancedPagePropertiesWebPart.ts index 95f2564a1..cd05cd666 100644 --- a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/AdvancedPagePropertiesWebPart.ts +++ b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/AdvancedPagePropertiesWebPart.ts @@ -82,7 +82,8 @@ export default class AdvancedPagePropertiesWebPart extends BaseClientSideWebPart // eslint-disable-next-line @typescript-eslint/no-explicit-any _fields.forEach((field: any) => { if (!field.FromBaseType && !field.Hidden && field.SchemaXml.indexOf("ShowInListSettings=\"FALSE\"") === -1 - && field.TypeAsString !== "Boolean" && field.TypeAsString !== "Note") { + //&& field.TypeAsString !== "Boolean" && field.TypeAsString !== "Note") { + && field.TypeAsString !== "Boolean") { const internalFieldName = field.InternalName == "LinkTitle" ? "Title" : field.InternalName; this._availableProperties.push({ key: internalFieldName, text: field.Title }); Log.Write(field.TypeAsString); diff --git a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.module.scss b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.module.scss index 0380db1ce..72e0fae48 100644 --- a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.module.scss +++ b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.module.scss @@ -41,6 +41,25 @@ width: max-content; } + .multiTextCapsule{ + width: 100%; + display: -webkit-box !important; + word-break: break-word; + line-height: 1.4; + max-height: 50%; + max-width: 100%; + -webkit-line-clamp: 10; + -webkit-box-orient: vertical; + overflow: hidden; + white-space: normal; + box-sizing: border-box; + padding: 4px 8px 5px 8px; + border-radius: 16px; + -ms-flex-align: center; + align-items: center; + + } + .urlValue { margin: 4px 4px 4px 4px; cursor: pointer; diff --git a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.tsx b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.tsx index ba1cd7f00..5d1ac8f40 100644 --- a/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.tsx +++ b/samples/react-advanced-page-properties/src/webparts/advancedPageProperties/components/AdvancedPageProperties.tsx @@ -151,6 +151,10 @@ const AdvancedPageProperties: React.FunctionComponent{val} ); + case "Note": + return ( + {val} + ); default: return ( {val}